鼠标滚轮 放大缩小图片
2007-05-21 12:54
423 查看
js实现鼠标滚轮放大缩小图片
<script>
//放大缩小图片
function sdZoom(o)
{
var zoom=parseInt(o.style.zoom,10)||100;
zoom+=event.wheelDelta/12;
if(zoom>0)o.style.zoom=zoom+'%';
return false;
}
</script>
<!--嵌入js代码-->
<img src="/images/home.jpg" width="600" onmousewheel="return sdZoom(this)" onload="javascript:if(this.width>screen.width-0)this.style.width=screen.width-0;">
<!--图片调用代码-->
<script>
//放大缩小图片
function sdZoom(o)
{
var zoom=parseInt(o.style.zoom,10)||100;
zoom+=event.wheelDelta/12;
if(zoom>0)o.style.zoom=zoom+'%';
return false;
}
</script>
<!--嵌入js代码-->
<img src="/images/home.jpg" width="600" onmousewheel="return sdZoom(this)" onload="javascript:if(this.width>screen.width-0)this.style.width=screen.width-0;">
<!--图片调用代码-->
相关文章推荐
- 图片实现鼠标滚轮滚动放大缩小图片
- js实现图片滚轮放大缩小以及鼠标拖动
- jQuery仿QQ空间图片查看特效(全屏,放大,缩小,旋转,镜像,鼠标滚轮缩放)
- JS实现鼠标滚轮缩小放大拖动图片代码
- js鼠标滚轮放大缩小图片
- 鼠标滚轮控制图片的放大和缩小
- 用HTML5实现鼠标滚轮事件放大缩小图片的功能
- 关于js鼠标滚轮放大缩小图片案例
- ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽
- 鼠标滚轮使图片放大缩小
- Jquery鼠标滚轮放大缩小图片
- 【求助】自定义事件/鼠标滚轮滚动放大缩小图片,chrome下失效求解?
- 鼠标滚动实现图片放大缩小[转]
- mxGraph绘图区域使用鼠标滚轮实现放大/缩小
- phpstrom 鼠标滚轮放大缩小字体
- react vr通过鼠标滚轮放大缩小场景
- [Unity3D]Unity3D游戏开发之鼠标滚轮实现放大缩小
- 基于jquery的滚动鼠标放大缩小图片效果
- 基于jquery实现一张图片点击鼠标放大再点缩小
- 实现图片通过滚轮的放大缩小