用JavaScript实现浏览器地震效果
2007-11-13 14:30
316 查看
一种把人吓一跳的感觉。实现方法是，把下面的JavaScript代码加入到<body>与</body>之间(或<head>内)：
<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>
<a onclick="shake(20)" href="#">点我看看呀~~:-)</a>
<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>
<a onclick="shake(20)" href="#">点我看看呀~~:-)</a>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用JavaScript实现浏览器地震效果
- 用JavaScript实现浏览器地震的效果
- Javascript实现浏览器标题栏文字滚动效果
- Javascript实现浏览器标题栏文字滚动效果
- 纯JS(JavaScript)实现拖拽效果，兼容各大浏览器
- Javascript实现整站黑白效果(兼容IE/FF等浏览器)
- javascript实现多张图片轮流展示效果代码
- 纯JavaScript实现全屏滚动效果
- javascript实现广告浮动效果
- JavaScript实现图片自动加载的瀑布流效果
- dojo的connect方法使用与源代码剖析（在JavaScript里实现类似AOP的效果）
- 多浏览器兼容的qq图片轮换效果javascript代码
- javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
- 用javascript实现sliding door 的效果
- javascript实现的一个图片转移效果
- 浏览器中url存储的JavaScript实现
- javaScript实现焦点轮播图界面效果（二）
- 利用JavaScript脚本实现滚屏效果的方法
- JavaScript实现多个重叠的层点击切换效果
- 原生JavaScript如何实现淡入淡出效果？