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

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

Javascript: javascript 函数介绍; 超酷的鼠标拖拽翻页(分页)效果实现javascript代码; 关于Javascript中的事件--Event对象; js+css图片自动等比例缩小且垂直居中; 输入法下keyup失效的解决方案; 关于初次学习Ajax的一些心得; 可以不被浏览器拦截的弹出窗口JS代码; 网页设计常用的Javascript特效代码; XMLHTTPRequest的属性和方法; 微软、Mozilla舌战新版JavaScript发展; 网页制作中常用的几段小Javascript代码; Ajax是建立Web应用的一条新途径; AJAX学习:理解JavaScript函数; javascript下的正则表达式基本书写; 学习 javascript 注意的4个问题; javascript正则表达式的常用方法总结; 初学者全面接触学习jquery(译文); 用Ajax和Web2.0扩展SOA; 使用 jQuery 简化 Ajax 开发; 关于clientHeight、offsetHeight、scrollHeight

技术文章搜索

关键字

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

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

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