JS 圖片縮放效果代碼
更新時間:2010年06月09日 01:08:42 作者:
現(xiàn)在許多網站上都有圖片的自由放大和縮小功能。這里的代碼并不好,適合開始學習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>
相關文章
js實現(xiàn)運動logo圖片效果及運動元素對象sportBox使用方法
Js實現(xiàn)運動的圖片特效,兩個網站Logo快速運動類似顯示器屏保。借此練習運動元素對象sportBox的使用方法,需要了解的朋友可以參考下2012-12-12