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

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

Javascript: JQuery 学习笔记选择器之四; JQuery 学习笔记选择器之五; JQuery 学习笔记选择器之六; JQuery CSS样式控制学习笔记; 用js模仿word格式刷功能实现代码 [推荐]; 运用jquery实现table单双行不同显示并能单行选中; jqPlot jquery的页面图表绘制工具; jquery tools之tabs 选项卡/页签; jquery tools之tooltip; 浅析Javascript原型继承推荐; JQuery UI皮肤定制; 实现lightBox时的样式与行为分离减少JS; JQuery 表格操作(交替显示、拖动表格行、选择行等); javascript 进度条实现代码; Javascript this指针; jquery imgareaselect 使用利用js与程序结合实现图片剪切; javascript 写的一个简单的timer; javascript 处理HTML元素必须避免使用的一种方法; Javascript 验证上传图片大小[客户端]; jQuery 隔行换色支持键盘上下键，按Enter选定值

技术文章搜索

关键字

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

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

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