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

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

Javascript: XmlUtils JS操作XML工具类; jQuery animate效果演示; Jquery 设置标题的自动翻转; JQuery与Ajax常用代码实现对比; 学习JS面向对象成果借国庆发布个最新作品与大家交流; CSS 布局一个漂亮的滑块; 兼容多浏览器的JS 浮动广告[推荐]; 学习ExtJS（一）之基础前提; 学习ExtJS Column布局; jquery 最简单的属性菜单; 有效的捕获JavaScript焦点的方法小结; js css样式操作代码（批量操作）; JS模拟的QQ面板上的多级可展开的菜单; jquery 框架使用教程 AJAX篇; css 有弹动效果的网页导航; jQuery语法总结和注意事项; 用AJAX技术做Google Suggest效果; Javascript文档对象模型(DOM)实例分析; Javascript制作拖动网页布局的方法; Javascript解决IE6和FF的PNG图片兼容性问题

技术文章搜索

关键字

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

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

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