滚动条响应鼠标滑轮事件实现上下滚动的js代码

2019-12-21,,,

实现鼠标滚动滚轮事件:

<script type="text/javascript"> 
var scrollFunc=function(e){ 
e=e || window.event; 
if(e.wheelDelta){//IE/Opera/Chrome 
if(e.wheelDelta==120) 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 

}else 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 
} 
}else if(e.detail){ 
//Firefox 
if(e.detail==-3) { 
//向上滚动事件<br> 
alert(e.detail +"向上"); 
}else { 
//向下滚动事件<br> 
alert(e.detail +"向下 "); 
} 
} 
}; 
if(document.addEventListener){ 
//adding the event listerner for Mozilla 
document.addEventListener("DOMMouseScroll" ,scrollFunc, false); 
} 
//IE/Opera/Chrome 
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>

您可能感兴趣的文章:

  • js向上无缝滚动,网站公告效果 具体代码
  • js 上下文字滚动效果
  • javascript之循环停顿上下滚动
  • js实现带按钮的上下滚动效果
  • JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
  • 友情链接横向文字上下间隙循环滚动JS效果
  • 兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
  • javascript上下左右定时滚动插件
  • javascript实现无缝上下滚动特效
  • 利用10行js代码实现上下滚动公告效果

《滚动条响应鼠标滑轮事件实现上下滚动的js代码.doc》

下载本文的Word格式文档,以方便收藏与打印。