因为全项目不是自己写的,仅仅是帮别人写js滚轮代码,并且别人项目也还未上线。所以仅仅贴出自己写的那段部分代码,

效果:鼠标滚轮滚动时。网頁屏幕一屏一屏的上下切换

(下面代码在本地电脑的IE,chrome与FireFox这三个浏览器已经測试而且已经成功)

    var sum=0;
var oTxt=document.getElementById("txt");
var scrollFunc=function(e){ var direct=0;
var men = $(".menu_m").find(".menu").find("li");
men.each(function (j) {
if($(this).attr("class")=="m_selected"){
sum=j;
}
});
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(navigator.appName=='Netscape'){
// Chorme滚一次有两次的效果,所以加0.5
if(e.wheelDelta>0){ sum=parseFloat(sum-0.5); }
else{ sum=parseFloat(sum)+0.5; }
}else{
if(e.wheelDelta>0)
sum=parseFloat(sum-1);
else
sum=parseFloat(sum+1);
}
}else if(e.detail){//Firefox
//firefox向上向下的值不和上面的一样,可打印出看看
if(e.detail>0)
sum=parseFloat(sum+1);
else
sum=parseFloat(sum-1);
}
//sum出来的。以下就是你想做的事情,我这里是写与当前项目有所以相关联的屏目跳转,但记的要加return false; 要不然,在google和ie中时会出现,滚多了
var sizes= $(".menu_m").find(".menu").find("li").size();
if(sum>=0&&parseFloat(sum)<=parseFloat(sizes)-1){
men.each(function (j) {
$(this).removeClass("m_selected")
});
$(".menu_m").find(".menu li:eq("+sum+")").find("span").click();
return false;
} }
/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari

最新文章

  1. sql查询中datetime显示的格式为yyyy-DD-mm
  2. 认识与学习 BASH
  3. XML到底是什么
  4. C#访问配置文件
  5. [转载][记录]shell 批量修改文件名
  6. STM32系统时钟
  7. Java中 int和Integer的区别+包装类
  8. python函数callable
  9. C#设计模式(0)-认识设计模式
  10. JAVA之旅(二十)—HashSet,自定义存储对象,TreeSet,二叉树,实现Comparator方式排序,TreeSet小练习
  11. python:函数和循环判断
  12. SpringBoot图片上传(三)——调用文件上传项目的方法(同时启动两个项目)
  13. Java SE之正则表达式二:匹配
  14. asp.net core webapi 似乎未安装在 IIS 中承载 .NET Core 项目所需的 AspNetCoreModule。请尝试修复 Visual Studio 以纠正该问题。
  15. 通过hbase实现日志的转存(MR AnalyserLogDataRunner和AnalyserLogDataMapper)
  16. mysql执行计划常用说明
  17. PAT02-线性结构3 Reversing Linked List
  18. Android Studio 创建/打开项目时一直处于Building“project name”Gradle project info 的解决
  19. C语言:输入一个多位的数字,12345,求各位相加1+2+3+4+5=15
  20. “全栈2019”Java第一章:安装JDK11(Mac)

热门文章

  1. 42使用NanoPiM1Plus在Android4.4.2下的录音测试
  2. Errors reported here must be corrected before the service can be started
  3. 使用antlr4及java实现snl语言的解释器
  4. vue学习图解
  5. U盘安装完美的WIN7操作系统教程
  6. Flask框架 之第一个Flask程序
  7. layer弹出层无法关闭问题
  8. 【loj6184】无心行挽(虚树+倍增)
  9. (C/C++学习)18.C语言双向链表
  10. Python学习-变量