JavaScript控制鼠标滑轮事件

2016-02-19 20:29 11 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享JavaScript控制鼠标滑轮事件的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

script language="JavaScript"
!--
//document.body.onmousewheel = function(){alert('你在滚,哈哈');}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

function img_zoom(e, o){ //图片鼠标滚轮缩放
   var zoom = parseInt(o.style.zoom, 10) || 100;
   zoom += event.wheelDelta / 24;
   if (zoom 0) o.style.zoom = zoom + '%';
   return false;
}
//--
/script
img onmousewheel="return img_zoom(event,this)" src="bannner.jpg" width="500" height="500"

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1623824.html

延伸阅读
标签: flash教程
本文为中国合作伙伴印象特别供稿,转载必须取得 授权 发个教程,虽然很简单,但是问的人也不少。  如果您是新手:请您认真学习,多想多练。  如果您是高手:请对此教程批评指正  个人建议:只提供思路,不建议照搬!  制作:海皇波士顿[老飞]   教程:  1.首先用Photoshop做三张图(图1) 730...
主要是要通过两个方面: (一)对鼠标的停留位置做出判断,也就是得到鼠标在屏幕上停留的位置。 (二)将鼠标的移动到所确定的位置上。 而实现这个功能则要使用到SetCursorPos这个函数,此函数的功能是设定鼠标位置。 这个函数的声明如下: Public Declare Function SetCursorPos Lib "user32" (ByVal x As ...
标签: Web开发
每个JavaScript框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的jQuery例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() {    $(this).addClass('highlight'); }, function() {    $(this).removeClass('highli...
标签: Web开发
click() 对象.click() 使对象被点击。  closed 对象.closed 对象窗口是否已关闭true/false  clearTimeout(对象) 清除已设置的setTimeout对象  clearInterval(对象) 清除已设置的setInterval对象  confirm("提示信息") 弹出确认框,确定返回true取消返回false  cursor:样式 更改鼠标样式 hand crossh...
标签: Web开发
事件是可以被JavaScript侦测到的行为。 事件 JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。事件在HTML页面中定义。 事件举例: 鼠标点击  页面或图像载入 ...

经验教程

710

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部