許多游戲的菜單彈出顯得很酷,其實用簡單的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="test.gif" name="u" width=0 height=0></a></p>
<p align="center"><a href="#" onClick="fade()">試試看</a></p>
</body>
</html>
其原理就是,開始時圖片的大小是0*0是不可見的,而運行代碼后,逐漸增大;
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!
分享標題:Javascript模擬游戲中的彈出菜單效果
文章分享:http://m.newbst.com/news1/313551.html
成都網站建設公司_創新互聯,為您提供網站制作、企業網站制作、網站導航、Google、用戶體驗、云服務器
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯