DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript模擬游戲中的彈出菜單效果
Javascript模擬游戲中的彈出菜單效果
編輯:關於JavaScript     
許多游戲的菜單彈出顯得很酷,其實用簡單的javascript代碼很容易就可以實現這種效果,這對一些做游戲類個人主頁的朋友很有幫助,她可以讓浏覽者有一種身臨其境的感覺,而她原代碼可是非常的簡單哦.就是下面的寥寥幾行. <html>
<head>
<title>模擬游戲中彈出菜單效果</title>
<script language="JavaScript">
var b = 0;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b+=50;
}
if(b == 200) {
c = false;
}
u.width= 100;
u.height=b; //運行後圖片的大小為100*200
setTimeout("fade()",0.5); //根據實際情況選擇延時
}
</script>
</head>

<body>
<p aign="center"><a href="#"><img src="/images/NullPic.gif" name="u" width=0 height=0></a></p>
<p align="center"><a href="#" >試試看</a></p>
</body>
</html>

其原理就是,開始時圖片的大小是0*0是不可見的,而運行代碼後,逐漸增大;
有問題請聯系
王正良:[email protected]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved