当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用javascript实现浏览器地震效果

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

Javascript 中的 用javascript实现浏览器地震效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 203 ::
收藏到网摘: n/a

 

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

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