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

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

Javascript: JavaScript教程：浅析JS运行机制; JavaScript类型检测小结; JavaScript内置对象:arguments; 编写复杂环境下不出错的Javascript代码; 掌握JavaScript语言; IE7中网页动态创建iframe时边框问题; 总结常用JavaScript语法107条; AJAX教程(1)：AJAX简介; AJAX教程(2)：AJAX Http请求; AJAX教程(3)：AJAX实例; AJAX教程(4)：AJAX 浏览器支持; AJAX教程(5)：AJAX-XMLHttpRequest 对象; AJAX教程(6)：AJAX - 请求服务器; AJAX教程(7)：AJAX - 服务器端的脚本; AJAX教程(8)：AJAX 请求实例; AJAX教程(9)：AJAX 请求源代码; AJAX教程(10)：AJAX 数据库实例; AJAX教程(11)：AJAX XML 实例; AJAX教程(12)：AJAX ResponseXML 实例; AJAX教程(13)：通过XMLHTTP把文本文件载入HTML元素

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-03 浏览: 212 ::

收藏到网摘: 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="#"是设定地震后回到本面//

　　呵呵…我说，感觉怎么样呀各位？赶紧地行动吧你！