您的位置：首页 > 其它

用滚轮实现图片缩放

2008-12-06 21:38 211 查看

用滚轮实现图片缩放

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>用滚轮实现图片缩放</title>

</head>

<script language="JavaScript">

function zoomimg(img){

//img.style.zoom获取img对象的缩放比例，并转为十进制整数

var zoom = parseInt(img.style.zoom,10);

if (isNaN(zoom)){ //当zoom非数字时zoom默认为100％

zoom = 100;

}

//event.wheelDelta滚轮移动量上移＋120，下移－120；显示比例每次增减10％

zoom += event.wheelDelta / 12;

//当zoom大于10％时重新设置显示比例

if (zoom>10) img.style.zoom = zoom + "%";

}

</script>

<body>

<br>



<img src="001.gif" onmousewheel="zoomimg(this)">

</body>

</html>

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=526474

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航