澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

鼠标滚轮编程,鼠标滚轮编程_javascript技巧_脚本

onMouseWheel Event Sample-www.51windows.Net

以前没有注意到这个滚轮,看到这里有一篇说这个的:

以前没有注意到这个滚轮,看到这里有一篇说这个的: handle {if …;else…;}/** 事件句柄*/function wheel{var delta = 0;if /* For IE. */event = window.event;if { /* IE或者Opera. *鼠标滚轮编程,鼠标滚轮编程_javascript技巧_脚本之家。/delta = event.wheelDelta/120;/** 在Opera9中,事件处理不同于IE*/if delta = -delta;} else if { /** 兼容Mozilla. *//** In Mozilla, sign of delta is different than in IE.* Also, delta is multiple of 3.*/delta = -event.detail/3;}/** 如果 增量不等于0则触发* 主要功能为测试滚轮向上滚或者是向下*/if ;}/** 初始化 */if (window.addEventListener)/** Mozilla的基于DOM的滚轮事件 **/window.addEventListener('DOMMouseScroll', wheel, false);/** IE/Opera. */window.onmousewheel = document.onmousewheel = wheel;在上面的代码中,handler函数里的代码就是你要写的,它有一个参数-delta,事实上,它只是代码鼠标此刻是向上滚或者是向下滚。如下所示,

2008年4月2日星期三晚7点半,在我校美术馆举办了一场别开生面的摄影入门讲座.本次讲座由丰泽区摄影家协会艺术交流中心主办,永辉美术馆协办的一场公益性,面向社会的摄影知识普及活动。

onmousewheel event

我把它转过来了。如果是在实际应用中,有的时候还是蛮有用的。主要是得到滚轮是向上滚还是向下滚。

mousewheel delta -

窗外春雨绵绵,美术馆里却座无虚席,人头攒动,掌声时起,众多摄影爱好者认真倾听协会副主席贾福山老师题为《摄影技术入门与欣赏》的摄影讲座。

This sample uses the onmousewheel event to expand or contract the picture below. Move the cursor over the picture and roll the mouse wheel up and down.

注释的代码

Scroll mouse wheel to see delta here.

讲座中,贾福山老师围绕着光圈、快门、感光度、白平衡等摄影中常见的术语进行了深入浅出的阐述,并结合自己的作品进行实例解析,使众多摄影爱好者在学到摄影理论常识的同时,得到摄影艺术的美感熏陶。

Size = 100% .

function handle(delta) {
 if (delta < 0)
 …;
 else
 …;
}

[Ctrl A 全选 注:如需引入外部Js需刷新才能执行]

最后为我校美术馆能成为丰泽区摄影家协会艺术交流中心所在地,能举办这样有意义的活动而感到自豪!

[Ctrl A 全选 注:如需引入外部Js需刷新才能执行]

/** 事件句柄
 */
function wheel(event){
 var delta = 0;
 if (!event) /* For IE. */
 event = window.event;
 if (event.wheelDelta) { /* IE或者Opera. */
 delta = event.wheelDelta/120;
 /** 在Opera9中,事件处理不同于IE
 */
 if (window.opera)
 delta = -delta;
 } else if (event.detail) { /** 兼容Mozilla. */
 /** In Mozilla, sign of delta is different than in IE.
 * Also, delta is multiple of 3.
 */
 delta = -event.detail/3;
澳门新浦京娱乐场网站, }
 /** 如果 增量不等于0则触发
 * 主要功能为测试滚轮向上滚或者是向下
 */
 if (delta)
 handle(delta);
}

澳门新浦京娱乐场网站 1screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

/** 初始化 */
if (window.addEventListener)
 /** Mozilla的基于DOM的滚轮事件 **/
 window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;

澳门新浦京娱乐场网站 2screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

在上面的代码中,handler函数里的代码就是你要写的,它有一个参数-delta,事实上,它只是代码鼠标此刻是向上滚或者是向下滚。如下所示,

张校长主持了这次活动

澳门新浦京娱乐场网站 3

澳门新浦京娱乐场网站 4screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

mousewheel delta -

贾副主席在为大家讲课

Scroll mouse wheel to see delta here.

澳门新浦京娱乐场网站 5screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

[Ctrl A 全选 注:如需引入外部Js需刷新才能执行]

澳门新浦京娱乐场网站 6screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

我把它转过来了。如果是...

介绍相机种类和功能

澳门新浦京娱乐场网站 7screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

聚精会神听讲的来宾

澳门新浦京娱乐场网站 8screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

澳门新浦京娱乐场网站 9screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

大家送给贾老师热烈的掌声

澳门新浦京娱乐场网站 10screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

澳门新浦京娱乐场网站 11screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

澳门新浦京娱乐场网站 12screen.width-333)this.width=screen.width-333" border=0 onmousewheel="return img_zoom(event,this)">

本文由澳门新浦京娱乐场网站发布于服务器,转载请注明出处:鼠标滚轮编程,鼠标滚轮编程_javascript技巧_脚本