首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
用JavaScript实现浏览器地震的效果

http://www.sina.com.cn 2002/07/18 12:03 赛迪网--中国电脑教育报

  文/姚永奎

  一种把人吓一跳的感觉。实现方法是,把下面的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实现窗口从天而降效果(2002/07/15 10:33)
用JavaScript实现上下文字滚动特效(2002/07/01 13:43)
用JavaScript创建“闪动”标题栏(2002/06/18 10:10)
用JavaScript实现超酷的“网页时钟”(2002/06/17 10:05)
用JavaScript在网页中显示可拖动月历(2002/06/10 10:16)
雕虫小技可使你的网页“有声有色”(2002/06/03 15:51)
JavaScript主页弹出窗口技巧集锦(2002/06/03 14:31)
妙用JavaScript实现网页的任意缩放(2002/05/24 10:40)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-5488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 产品答疑

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网