網際論壇 - 軟體綜合研討 - 〔教學〕可將圖片用滑鼠滾輪放大縮小的語法
» 遊客:  註冊 | 登錄 | 會員 | 幫助
 

免費線上小說
動漫分類 : 最新上架熱門連載全本小說最新上架玄幻奇幻都市言情武俠仙俠軍事歷史網游競技科幻靈異 ... 更多小說

作者:
標題: 〔教學〕可將圖片用滑鼠滾輪放大縮小的語法 上一主題 | 下一主題
  sax0936
  高級會員 
 


 
  積分 6292
  發文 304
  註冊 2005-9-6
  狀態 離線
#1  〔教學〕可將圖片用滑鼠滾輪放大縮小的語法

可將圖片用滑鼠滾輪放大縮小的語法==================================================================

<HTML>
<HEAD>
<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--;
if (count > 0) { return count; }
else { return false; }
}
function Resize(count){
if (count > 0) {
oCount.value = count + '0%';
oImage.style.zoom = count + '0%';
}
else { oImage.style.zoom = '10%'; }
}
</SCRIPT>
</HEAD>
<BODY>
Size: <input type="text" value="100%" id="oCount" readonly><p>
<img id="oImage" src="http://msdn.microsoft.com/workshop/graphics/sprinter.jpg" onmousewheel="Picture()" width="283" height="212" ></p>
</BODY>
</HTML>
=================================================================


  QUOTE:
板主曰 : ` 謝謝您的分享! '

[ Last edited by TCG on 2005-9-16 at 12:43 PM ]


2005-9-7 03:30 AM
查看資料  發短消息   編輯文章  引用回覆
  minamoto
  一般會員 
 



  積分 543
  發文 36
  註冊 2005-9-7
  狀態 離線
#2  

以圖片為主網頁有滾輪放大縮小的語法可增添網頁的專業感~~~
感謝分享~~~


2005-9-7 09:42 PM
查看資料  發短消息   編輯文章  引用回覆

可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題

論壇跳轉選單: