java网页中的特效（七）

Erika · 2008-02-22, 10:34 AM

地震效果
这段代码放在<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/pconlinebbs/06/images/emot/em29.gif

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

<STYLE TYPE="text/css">

</STYLE>

随机产生图片

<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是你本地图片

2008-02-22, 10:34 AM	#1
No8363 Erika 很傻很天真注册日期: 2007-07-17 住址: 火星帖子: 5,570 现金:9873金币资产:21334金币	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是坐标的像素背景图不动这段代码放在<head>与</head>之间 <STYLE TYPE="text/css"> <!-- BODY {background-image:*****.jpg; background-position: center; background-repeat: no-repeat; background-attachment: fixed;} --> </STYLE> 随机产生图片 <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是你本地图片