重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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证书合作)期待与您的合作!
用插件mousewheel.js实现简单些,不用考虑兼容
jQuery Mousewheel Plugin是由Brandon Aaron开发的jQuery插件,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的,那么滚轮就是向下滚动,正的就是向上。
用原生js也可以实现,不过做兼容要复杂些。
滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel。
你好,实现如下,请现在 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
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%';
}
问题解决
我只能给你提供原始的事件原理,事件触发的动作你需要自己完成,另外不使用或依赖 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)//向下是负数向上是正数
}
}