努力學習 Java

知之者不如好之者，好之者不如樂之者，樂之者不如癡之者

鼠標放到圖片上慢慢變大，移開后圖片又慢慢變小

<html>
<head>
<title>鼠標放到圖片上慢慢變大，移開后圖片又慢慢變小? </title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
</head>
<body>
<img id="MyImg" onmouseover="max()" onmouseout="min()"
src="pic.jpg" width="80" height="60">

var ?i = 0 ?

var ?id1,?id2?;

function ?max() {

?clearTimeout(id2)?;?? // 必須清除，不然圖象會抖動

?nLong? = ?MyImg.style.pixelWidth? += ?i ++ ?

?MyImg.style.pixelHeight? = ?nLong * aaa?

? if ?(i < 20 )?id1 = setTimeout('max()',? 100 );

}

function ?min()? {

?clearTimeout(id1)?;??? // //必須清除，不然圖象會抖動

?nLong? = ?MyImg.style.pixelWidth? -= ? -- i?

?MyImg.style.pixelHeight? = ?nLong * aaa?

? if ?(i > 0 )?id2 = setTimeout('min()',? 100 )?

}

function ?init()? {

?aaa? = ?MyImg.height / MyImg.width?

?MyImg.style.pixelWidth? = ? 80

?MyImg.style.pixelHeight? = ? 60 ?

}

onload? = ?init? // init?不能有括號，不能有引號；等效于<body?onload?="init()">?

</script>

</body>
</html>

posted on 2006-07-05 14:52 飛仙閱讀(649) 評論(0) 編輯收藏所屬分類: Javascript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 外部引入js文件的當前路徑是html文件的當前路徑 eval 函數會放大縮小的圖片鼠標放到圖片上慢慢變大，移開后圖片又慢慢變小

努力學習 Java

導航

統計

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

文章分類

文章檔案

相冊

收藏夾

Developing

網站鏈接

搜索

最新評論

閱讀排行榜

評論排行榜

鼠標放到圖片上慢慢變大，移開后圖片又慢慢變小