用JavaScript实现浏览器地震的效果
2013-09-04 16:39
309 查看
一种把人吓一跳的感觉。实现方法是,把下面的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="#"是设定地震后回到本面//
呵呵…我说,感觉怎么样呀各位?赶紧地行动吧你!^_^
<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="#"是设定地震后回到本面//
呵呵…我说,感觉怎么样呀各位?赶紧地行动吧你!^_^
相关文章推荐
- 用JavaScript实现浏览器地震效果
- 用JavaScript实现浏览器地震效果
- 纯JS(JavaScript)实现拖拽效果,兼容各大浏览器
- Javascript实现浏览器标题栏文字滚动效果
- Javascript实现整站黑白效果(兼容IE/FF等浏览器)
- Javascript实现浏览器标题栏文字滚动效果
- JavaScript实现仿淘宝商品购买数量的增减效果
- Javascript模仿阿里云首页实现图片轮询效果
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- jquery javascript 实现上传图片及图片大小验证、图片预览效果代码
- 非常简单的兼容多浏览器Javascript实现分页功能
- JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)
- javascript 实现的类似hao123的多邮箱登录效果
- javascript实现跑马灯悬停放大效果
- JavaScript实现水平选项卡效果
- Javascript实现重力弹跳拖拽运动效果
- javascript实现鼠标移到Image上方时显示文字效果的方法
- 超酷的鼠标拖拽翻页(分页)效果实现javascript代码
- javascript简单实现命名空间效果
- web前端之JavaScript DOM编程艺术之用JavaScript实现动画效果拓展(预览图片)