实现鼠标滚动滚轮事件:
<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代码实现上下滚动公告效果