許多游戲的菜單彈出顯得很酷,其實(shí)用簡單的javascript代碼很容易就可以實(shí)現(xiàn)這種效果,這對一些做游戲類個(gè)人主頁的朋友很有幫助,她可以讓瀏覽者有一種身臨其境的感覺,而她原代碼可是非常的簡單哦.就是下面的寥寥幾行. <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; //運(yùn)行后圖片的大小為100*200
setTimeout("fade()",0.5); //根據(jù)實(shí)際情況選擇延時(shí)
}
</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>
其原理就是,開始時(shí)圖片的大小是0*0是不可見的,而運(yùn)行代碼后,逐漸增大;
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
分享標(biāo)題:Javascript模擬游戲中的彈出菜單效果
文章分享:http://redsoil1982.com.cn/news1/313551.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站導(dǎo)航、Google、用戶體驗(yàn)、云服務(wù)器
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)