首页

源码搜藏网

首页 > 开发教程 > js/jQuery教程 >

实现浏览器地震的效果

创建时间:2013-09-18 09:46  

核心提示:用JavaScript实现浏览器地震的效果

一种把人吓一跳的感觉。实现方法是,把下面的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="#"是设定地震后回到本面//

呵呵…我说,感觉怎么样呀各位?赶紧地行动吧你!^_^


上一篇:实现窗口从天而降效果
下一篇:实现背景透明度可变 文字不透明的效果

相关内容

热门推荐