用JavaScript实现浏览器地震效果
2008-05-01 06:44
525 查看
一种把人吓一跳的感觉。实现方法是,把下面的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实现浏览器地震的效果
- Javascript实现浏览器标题栏文字滚动效果
- Javascript实现浏览器标题栏文字滚动效果
- 纯JS(JavaScript)实现拖拽效果,兼容各大浏览器
- Javascript实现整站黑白效果(兼容IE/FF等浏览器)
- 用CSS+JavaScript实现文字闪烁效果
- 用Javascript实现菜单折叠效果
- 基于javascript实现随机颜色变化效果
- JavaScript实现带自动提示的文本框效果代码
- JavaScript实现的3D球面标签云效果
- javascript实现浏览器窗口传递参数的方法
- 基于JavaScript实现Tab选项卡切换效果
- 使用JavaScript实现回到顶部效果
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- 使用javascript实现简单的选项卡切换效果
- javascript实现的一个图片转移效果
- Javascript与HTML5的canvas实现图片旋转效果
- JavaScript实现图片的滑动切换效果 的Js代码
- JavaScript通过改变文字透明度实现的文字闪烁效果实例