站 内 搜 索
推 荐 合 作 商
优 秀 内 容 推 荐
您当前位置：
中国素材首页
>>
网页特效
>>
窗口类
>> 按钮控制窗口移动
按钮控制窗口移动
中国素材网 www.sucai.com 2007-7-24 22:11:00 流量数:
请根据需要修改
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
要完成此效果把如下代码加入到<body>区域中
<script>
var xx
var v=1
function ml() {
clearTimeout(xx)
window.moveBy(-v, 0);
xx = setTimeout("ml()",140)
}
function mr() {
clearTimeout(xx)
window.moveBy(v, 0);
xx = setTimeout("mr()",140)
}
function mu() {
clearTimeout(xx)
window.moveBy(0, -v);
xx = setTimeout("mu()",140)
}
function md() {
clearTimeout(xx)
window.moveBy(0, v);
xx = setTimeout("md()",140)
}
function ws(){
clearTimeout(xx)
}
function adj(i){
if (i==1){v+=1; if (v>5)v-=1}
else {v-=1
if (v==0)v=1}
}
</script>
<DIV align=center>
<FORM>
<INPUT onclick=mu(v,0); type=button value=向上>
<INPUT onclick=ml(v,0); type=button value=向左>
<INPUT onclick=mr(0,v); type=button value=向右>
<INPUT onclick=md(0,v); type=button value=向下>
<INPUT onclick=ws(); type=button value=停止>
<BR><BR><BR>
<INPUT onclick=adj(1); type=button value=加速>
<INPUT onclick=adj(0); type=button value=减速>
<BR></FORM></DIV>