Javascript模拟游戏中的弹出菜单效果

2024-01-14 分类：网站建设

许多游戏的菜单弹出显得很酷,其实用简单的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模拟游戏中的弹出菜单效果
文章分享：https://www.cdcxhl.com/news1/313551.html

成都网站建设公司_创新互联，为您提供网站制作、企业网站制作、网站导航、Google、用户体验、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容