赛迪网

新用户注册

赛迪社区

帮助

资讯中心 | 专栏 | 渠道与市场 | 中国信息化 | 网络通信 | 开发者 | 产品&评测 | 商情 | DIY | 软件特供 | 电脑应用 | IT罗盘 | IT人才 | IT培训 | 赛迪媒体

 

 

发表看法

查看讨论

发给朋友

打印


用JavaScript实现浏览器地震效果
(作者:姚永奎  本文选自《中国电脑教育报》 2002年07月18日 09:53)

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

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

相关专题:CSS高级进阶应用技巧

相关教程:HTML进阶应用技巧

相关专题:JavaScript动态网页制作宝库

(责任编辑 冲锋队)


相 关 文 章

用JavaScript实现窗口从天而降效果 (2002-07-15 09:33)
用Dreamweaver MX自由放大网页图片 (2002-07-05 09:31)
用JavaScript实现上下文字滚动特效 (2002-07-01 09:20)
用Dreamweaver MX巧妙格式化表格 (2002-06-28 09:24)
用Dreamweaver MX轻松操作表格 (2002-06-27 11:24)