如何用JavaScript实现鼠标滚轮滑动效果

javascript:function AutoScroll() {window.scrollBy(0,10); NextScroll = setTimeout('AutoScroll()', 120);window.onkeydown = StopScroll;};function StopScroll(e) {if(e.keyCode == 27){clearTimeout(NextScroll);};};AutoScroll();好像是这个吧-。-simple U里就有不过想用它替代滚轮 显然还不现实[hr]来自于世界上最奇葩的：Opera/9.80 (Windows NT 6.2; WOW64) Presto/2.12.388 Version/12.13

新乐ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

javascript鼠标滚轮事件谁会

用插件mousewheel.js实现简单些，不用考虑兼容

jQuery Mousewheel Plugin是由Brandon Aaron开发的jQuery插件，用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，那么滚轮就是向下滚动，正的就是向上。

用原生js也可以实现，不过做兼容要复杂些。

滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。

包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel。

js或jq怎样可以使滚轮滚动固定距离

你好，实现如下，请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。

希望采纳！！

script src="" type="text/javascript"/script

script type="text/javascript" src="jquery.mousewheel.min.js"/script

script type="text/javascript"

$('body').on('mousewheel', function(event) {

if(event.deltaY=="-1"){

$('body').animate({scrollTop: 5000})

}else if(event.deltaY=='1'){

console.log('上滑')

}

});

/script

使用javascript实现鼠标滑轮及按钮同时控制图片的大小

placeholder.style.zoom

=

parseInt(placeholder.style.zoom)

+

(args

?

+1

:

-1)

+

'%';

这一行parseInt(placeholder.style.zoom)中的placeholder.style.zoom没有没有设定一个初始值

你的代码运行时，假如先使用滚轮放大缩小过图片，那么同一个页面对象中placeholder.style.zoom就已经被赋值了，所以放大缩小按钮可以使用；假如之前没有用滚轮放大缩小过图片，直接用放大缩小按钮进行操作，就会报参数无效错误

在placeholder.style.zoom

=

parseInt(placeholder.style.zoom)

+

(args

?

+1

:

-1)

+

'%';

上面加上如下代码

if

(!(placeholder.style.zoom))

{

placeholder.style.zoom

=

'100%';

}

问题解决

怎么用javascript实现如下效果，可以使用滚轮切换结果

我只能给你提供原始的事件原理，事件触发的动作你需要自己完成，另外不使用或依赖 jquery（仅参考可以）对你js的水平提高是有帮助的。

/*鼠标滚轮事件*/

if(/firefox/gi.test(navigator.userAgent)){//针对firefox浏览器特有的事件

document.addEventListener("DOMMouseScroll",function(e){

console.log(e.detail)//向下是正数向上是负数

},false)

}else{

document.onmousewheel=function(e){

console.log((e||window.event).wheelDelta)//向下是负数向上是正数

}

}

当前名称：javascript滚轮,js鼠标滚轮
分享路径：http://abwzjs.com/article/dsdoggc.html