javascript 实现滚动条响应鼠标滑轮的实现上下滚动,示例代码如下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
实现鼠标滚动滚轮事件:
- <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>
来源: