木偶的Blog

博客园 首页 新随笔 联系 订阅 管理
鼠标滚动控制图片大小


<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>

<script type="text/javascript">
function zoomImg(img){
var zoom=parseInt(img.style.zoom,10) || 100;
zoom += event.wheelDelta / 12;
if (zoom>10 && zoom<400) img.style.zoom = zoom + "%";
return false;
}
function change(){
document.getElementById("img").src="http://www.baidu.com/img/logo.gif";
}
</script>

<img id="img" src="http://faq.phpso.com/images/style_10/logo.gif" alt="鼠标滚轮放大/缩小图片" onmousewheel="return zoomImg(this)">
<br />
<a href="#" onclick="change();">next</a>
</BODY>
</HTML>

posted on 2006-09-15 10:36  SoulPuppet  阅读(189)  评论(0)    收藏  举报