鼠标滚轮缩放图片: 鼠标缩放图片

<html>
< language="java">
img_zoom(e, o) //图片鼠标滚轮缩放
{
var zoom = parseInt(o.style.zoom, 10) 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
return false;
}
</>
<body bgcolor="#fef4d9">
你可以修改src="图片地址"中的图片地址和this.width=300中的300数值，其他地方不要动
<DIV ID=plane3>
<IMG wheel="return img_zoom(event,this)" ="java:if(this.width>screen.width-333) this.width=screen.width-333;if(this.width>600) this.width=300" src="图片地址" border="0">
</DIV></body>
</html>

本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130529/38119.html

时间： 2024-09-07 01:16:48

鼠标滚轮缩放图片: 鼠标缩放图片的相关文章

基于jquery实现鼠标滚轮驱动的图片切换效果_jquery

jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个基于鼠标滚轮驱动的图片切换效果. 本例实现的效果:鼠标滚轮滚动时图片进行切换. 支持键盘方向键实现图片切换效果. 支持点击图片切换,支持点击当前图片链接. 进度条滑块展示图片图片数量进度.XHTML <div class="demo"> <div id="imageflow"> <div id="loading"><

解析javascript中鼠标滚轮事件_javascript技巧

所有的现代浏览器都支持鼠标滚轮,并且在用户滚动滚轮时触发时间.浏览器通常使用鼠标滚轮滚动或缩放文档,但可以通过取消mousewheel事件来阻止这些默认操作.有一些互用性问题影响滚轮事件,但是编写跨平台的代码依旧可以行.除了Firefox之外的所有浏览器都支持"mousewheel"事件,但Firefox使用"DOMMouseScroll",而3级DOM事件规范草案建议使用事件名"wheel"替代"mousewheel". d

js实现鼠标滚轮控制图片缩放效果的方法

 这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

图片旋转,鼠标滚轮缩放,镜像,切换图片js代码

demo下载地 址:http://download.csdn.net/detail/cometwo/9404811 感谢博客:http://www.cnblogs.com/cloudgamer/archive/2010/08/16/ImageTrans.html <!DOCTYPE html> <html lang="zh-cn"> <head> <title>图片旋转,鼠标滚轮缩放,镜像,切换图片</title> <m

html中鼠标滚轮事件onmousewheel的处理方法_javascript技巧

滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍. Firefox使用DOMMouseScroll,其他的浏览器使用mousewheel.滚动事件触发时Firefox使用detail属性捕捉滚轮信息,其他的浏览器使用wheelDelta.不知道为何在该问题上其他厂商和微软的如此一致.Firefox可

flex3 鼠标滚轮控制图片缩放

问题描述 flex3 鼠标滚轮控制图片缩放 需要做一个平面图,图片可以进行以鼠标的滚轮的方式进行缩放.但是用的matrix.scale 图片总是以左上角的方式缩放.我想要的是以鼠标位置为中心来进行缩放的,就像百度地图那样.困扰好几天了.以下是代码,求大神们解救啊. var p:Point =frm3.globalToLocal(new Point(event.stageX,event.stageY)); //指定以鼠标的所在位置 为中心 放大 var tempMatrix:Matrix = fr

图片旋转、鼠标滚轮缩放、镜像、切换图片js代码_javascript技巧

本文实例为大家展示了图片旋转.鼠标滚轮缩放.镜像.切换图片多重效果,提供了详细的代码,分享给大家供大家参考,具体内容如下 具体代码: <!DOCTYPE html> <html lang="zh-cn"> <head> <title>图片旋转,鼠标滚轮缩放,镜像,切换图片</title> <meta charset="utf-8" /> <!--<script type="

javascript实现禁止鼠标滚轮事件_javascript技巧

平时我们兼容什么东西总是在调整低版本IE的兼容性,但是这回不是因为低版本浏览器不给力.而是因为火狐给力过头了,完全不顾其它浏览器的感受标新立异了.除了火狐之外,所有的浏览器都可以使用MouseWheel事件来处理鼠标滚轮的响应.但是火狐却偏偏不支持MouseWheel,而使用无厘头的DOMMouseScroll,这玩意儿除了火狐以外其它浏览器都不兼容.也就是说,对于鼠标滚轮事件的处理,火狐只能使用DOMMouseScroll.而非火狐则只能使用MouseWheel.这两种事件实现的原理不同,他们

js实现鼠标滚轮控制图片缩放效果的方法_javascript技巧

本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm