娱乐新地带论坛 - java网页中的特效（七）

地震效果
这段代码放在<head>与</head>之间
<script LANGUAGE="JavaScript">
function shake(n)
{
if (self.moveBy)
{
for (i = 10; i > 0; i--)
{
for (j = n; j > 0; j--)
{
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
// End -->
</script>

这段代码放在<body>与</body>之间

<form>
<input type="button" onClick="shake(2)" value="点这里">
</form>

其中 function shake(n) 这里定义一个函数，名为shake，self.moveBy(0,i)定义窗口移动0，I是坐标的像素

http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif

背景图不动
这段代码放在<head>与</head>之间

<STYLE TYPE="text/css">

</STYLE>

http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif http://www.pconline.com.cn/pconlineb.../emot/em29.gif

随机产生图片

<script language="JavaScript">
a = 3
var pp = Math.random();
var foot = Math.round(pp * (a-1))+1;
function create() {
this.src = ''
this.border = ''
this.alt = ''
}
b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }
b[1].src = "***.jpg"
b[1].border = "0"
b[1].alt = ""
b[2].src = "***.jpg"
b[2].border = "0"
b[2].alt = ""
b[3].src = "***.jpg"
b[3].border = "0"
b[3].alt = ""
var pic = "";
pic += '<img src='+b[foot].src+' border="0"'+' alt='+b[foot].alt+'>';
document.write(pic)
</script>
其中 ***.jpg是你本地图片