许多游戏的菜单弹出显得很酷,其实用简单的javascript代码很容易就可以实现这种效果,这对一些做游戏类个人主页的朋友很有帮助,她可以让浏览者有一种身临其境的感觉,而她原代码可是非常的简单哦.就是下面的寥寥几行.
1<html>
2<head>
3<title>模拟游戏中弹出菜单效果</title>
4<script language="JavaScript">
5var b = 0;
6var c = true;
7function fade(){
8if(document.all);
9if(c == true) {
10b+=50;
11}
12if(b == 200) {
13c = false;
14}
15u.width= 100;
16u.height=b; //运行后图片的大小为100*200
17setTimeout("fade()",0.5); //根据实际情况选择延时
18}
19</script>
20</head>
21<body>
22<p aign="center"><a href="#"><img height="0" name="u" src="test.gif" width="0"/></a></p>
23<p align="center"><a href="#" onclick="fade()">试试看</a></p>
24</body>
25</html>
其原理就是,开始时图片的大小是0*0是不可见的,而运行代码后,逐渐增大;