JS 图片缩放效果代码
2018-10-12 13:51
627 查看
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel</TITLE>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY>
<div align=center>
<span style="font-weight:bold">Size =
<span id="oCounter" style="color:red;">100%</span></span>
<img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" >
</div>
</BODY>
</HTML>
您可能感兴趣的文章:
相关文章推荐
- JS防PS里的图片拖拉缩放效果代码
- JS 图片缩放效果代码
- js带前后翻页的图片切换效果代码分享
- 【荐】JS+CSS防FLASH效果带倒影的图片切换效果代码
- 鼠标滑过图片出现大图片提示层效果js代码
- js 图片缩放特效代码
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- JS图片放大查看效果! (代码全部重构,兼容IE,FF,OP,简单,健壮)
- JS特效代码大全(六)图片横向滚动效果
- 懒人图库-JS“焦点图”代码 漂亮的图片变化效果
- js框架jquery瀑布流图片墙效果代码下载,点击相册图片展示大图
- 总结【代码重构】:Backbone.js做一个点击链接,跳过加载图片后即可跳转到效果图片的例子
- JS特效代码大全(一)IE6下PNG图片透明效果的JS特效代码
- js淡入淡出的图片轮播效果代码分享
- 多张图片切换效果js代码
- js支持键盘控制的左右切换立体式图片轮播效果代码分享
- js 图片缩放特效代码
- JS实现的文字与图片定时切换效果代码
- CSS3 animation实现图片轮播效果 自动显示 无需使用js 含代码(图片轮播效果一)