JS 图片缩放效果代码
更新时间：2010年06月09日 01:08:42 作者：
现在许多网站上都有图片的自由放大和缩小功能。这里的代码并不好，适合开始学习js朋友。更多更好的代码，可以搜索脚本之家以前的文章。
复制代码 代码如下:
<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>
相关文章
多图幻灯Wipe擦洗效果...2006-12-12
自上一个版本的图片切割效果出来后，虽然也经常看到“框架开发这个如何如何容易”之类的评论，但也受到很多人的肯定，小弟在此感谢大家的支持。2008-12-12
2008-01-01
js实现运动logo图片效果及运动元素对象sportBox使用方法
Js实现运动的图片特效，两个网站Logo快速运动类似显示器屏保。借此练习运动元素对象sportBox的使用方法，需要了解的朋友可以参考下2012-12-12
非常不错的应用，图片的轮换效果，用于一些图片的现实。2009-04-04
我们写网页的时候一般的用IE进行开发，一般的人都是按照IE进行些程序，做网站的时候遇到浏览器兼容问题是非常烦躁的事情。2010-12-12
真正的连续滚动图片...2006-09-09
鼠标移动到一张图片时变为另一张图片...2006-12-12
2008-01-01
符合web标准的连续滚动图像的js代码...2007-02-02
最新评论