Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->JavaScript ->正文

用JavaScript实现浏览器地震的效果

来源:Linuxdby.com 作者:Webmaster 时间:2007-04-13 点击: [收藏] [投稿]

  一种把人吓一跳的感觉。实现方法是,把下面的JavaScript代码加入到<body>与</body>之间:

  <script language="JavaScript">

  function surfto(form) {

  var myindex=form.select1.selectedIndex

  if (form.select1.options[myindex].value != null) {

  parent.main.location.href=form.select1.options[myindex].value;

  } }

  </script>//这段JS代码意为当前页面的浏览器地震//

  <script language="JavaScript1.2">

  function shake(n) {

  if (window.top.moveBy) {

  for (i = 10; i>0; i--) {

  for (j = n; j>0; j--) {

  window.top.moveBy(0,i);

  window.top.moveBy(i,0);

  window.top.moveBy(0,-i);

  window.top.moveBy(-i,0);

  } } }

  alert("呀~~地震啦!没~~吓坏吧?^_*"); //这里设定地震后弹出的嬉戏性文字(据需随意)//

  }

  </script>

  <script language="JavaScript">

  <!--

  function moyamoya(htmlfile) {

  parent.main.location.href=htmlfile;

  }

  </script>

  <a onclick="shake(10)" href="#">点我看看呀~~:-)</a>

  //其中,onclick="shake(10)"中的数字表示震动的次数;href="#"是设定地震后回到本面//

  呵呵…我说,感觉怎么样呀各位?赶紧地行动吧你!





 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇: JavaScript主页弹出窗口技巧集锦   下一篇: 妙用JavaScript实现网页的任意缩放

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号