JS模擬Windows的圖片放大特效，兩邊有控制按鈕，不是真正意義上的放大，因為圖片的像素沒有達到的話，放大也也照樣不清淅哦。
<html>
<head>
<title>圖片放大縮小</title>
<style>
img{ border:none;}
</style>
<script language=javascript>
function bbimg(obj)
{
var zoom=parseInt(obj.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) obj.style.zoom=zoom+'%';
return false;
}
function bigzoom()
{
var obj;
obj=document.getElementById('ctl01_imgPic');
var zoom=parseInt(obj.style.zoom, 10)||100;
zoom+=10;
obj.style.zoom=zoom+'%';
}
function smallzoom()
{
var obj;
obj=document.getElementById('ctl01_imgPic');
var zoom=parseInt(obj.style.zoom, 10)||100;
zoom-=10;
obj.style.zoom=zoom+'%';
}
</script>
</head>
<body>
<table align="center">
<tr>
<td align="right"><img onClick="smallzoom()" src="/jscss/demoimg/200907/ico_05.gif"> <img onClick="bigzoom()" src="/jscss/demoimg/200907/ico_03.gif"></td>
</tr>
<tr>
<td style="border:2px solid #f00;"><img id="ctl01_imgPic" onmousewheel="return bbimg(this)" src="/jscss/demoimg/wall2.jpg"></td>
</tr>
</table>
</body>
</html>
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
