Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

    用JavaScript实现浏览器地震效果

    编辑:教程网 来源:网络 时间:2011年07月28日 16:45

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

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


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/13746.html

  • 上一篇:JavaScript如何给window.setInterval的函数传递参数
  • 下一篇:javascript通过prototype属性扩充String功能