首页 | 互联网 | IT动态 | 网络设备 | 服务器 | IDC | 安全 | Cisco | Windows | Linux | Java | .Net | Oracle | CIW | 华为 | 专题
IT技术 | 网页设计 | 平面设计 | 电子书下载 | 教学视频 | 方案 | 数字网校 | 直播室 | 虚拟考场 | 面授培训 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> Javascript教程 >> 文章正文


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


网页教学网  2006-4-18  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

  一种把人吓一跳的感觉。实现方法是,把下面的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="#"是设定地震后回到本面//

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

【责编:Yoyo】


 相关文章  推荐文章
dreamweaver制作圆角表格
JavaScript实现变色表格特效
JavaScript实现表格特效
JS特效围绕图片疯狂旋转的花朵
JS特效跟随鼠标的图片
js特效点击会变色哦!!
JavaScript加密解密的实现方法
减轻JavaScript测试和调试负担
未知高度的非表格垂直对齐
JavaScript的9个陷阱及评点
  文章评论