javascript地震代码!~~~

来源:互联网 发布:特丽魅彩 知乎 编辑:程序博客网 时间:2024/05/17 22:24

<html>
<head>
<title>
屏幕地震
</title>
</head><BODY>请启动浏览器观看效果<BR>
<!--将以下代码加入HTML的<Body></Body>之间-->

<SCRIPT language=javascript>
function shake_xy(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);
   }
  }
 }
}

function shake_x(n)
{
 if (self.moveBy)
 {
  for (i = 10; i > 0; i--)
  {
   for (j = n; j > 0; j--)
   {
    self.moveBy(i,0);
    self.moveBy(-i,0);
   }
  }
 }
}

function shake_y(n)
{
 if (self.moveBy)
 {
  for (i = 10; i > 0; i--)
  {
   for (j = n; j > 0; j--)
   {
    self.moveBy(0,i);
    self.moveBy(0,-i);
   }
  }
 }
}
</SCRIPT>
<A href="#" onclick=shake_x(5)>左右震动</A>
<A href="#" onclick=shake_y(5)>上下震动</A>
<A href="#" onclick=shake_xy(2)>整屏震动</A>
</body></html> 

原创粉丝点击