方块在页面左右来回移动
来源:互联网 发布:淘宝试用中心在哪 编辑:程序博客网 时间:2024/05/03 07:42
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 50px;
height: 50px;
background-color: red;
position: absolute;
}
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<input type="button" value="移动" onclick="move()"/>
<div id="div1" style="" ></div>
<script>
var length=1;
function move(){
var div1=document.getElementById("div1");
if(isNaN(parseInt(div1.style.left)))
div1.style.left="1px";
else
div1.style.left=parseInt(div1.style.left)+length+"px";
if((parseInt(div1.style.left)+div1.offsetWidth>=document.body.offsetWidth)
|| parseInt(div1.style.left)<=0){
length*=-1;
}
setTimeout(move, 10);
}
</script>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 50px;
height: 50px;
background-color: red;
position: absolute;
}
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<input type="button" value="移动" onclick="move()"/>
<div id="div1" style="" ></div>
<script>
var length=1;
function move(){
var div1=document.getElementById("div1");
if(isNaN(parseInt(div1.style.left)))
div1.style.left="1px";
else
div1.style.left=parseInt(div1.style.left)+length+"px";
if((parseInt(div1.style.left)+div1.offsetWidth>=document.body.offsetWidth)
|| parseInt(div1.style.left)<=0){
length*=-1;
}
setTimeout(move, 10);
}
</script>
</body>
</html>
0 0
- 方块在页面左右来回移动
- 左右来回移动的流水灯
- android实现页面背景的左右移动
- 关于方块在九宫格的移动效果
- 页面来回切换js
- JS移动的方块
- 物体来回移动,两点之间
- 左右移动
- 页面右下角漂浮层上下或左右移动,广告浮动
- 移动端页面防止左右滑动出现黑色背景
- 固定大小方块的移动
- JS控制方块自动移动
- Actionscript 3.0按键移动方块
- Android 方块移动Loading动画
- 小应用程序运行结果如下:红色方块在文字上从左向右循环移动。
- js实现模板在屏幕左右循环移动
- 设置图片在正方形区域内左右上下移动
- 字体来回移动-------摘自丹心软件设计
- Array类型(声明与属性)
- java 基础-
- 支持向量机SVM算法学习(二)
- web.xml中的url-pattern映射规则
- Oracle 11gR2 + ASM + spfile (eng)
- 方块在页面左右来回移动
- Java序列化与反序列化总结
- Android 信号处理面面观 之 概述
- Toad for Oracle 12.1下载地址
- 浅识——java类的继承
- [练习6]利用css+js 设计二层导航栏
- imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal让item上的图片原样显示
- Hdu 2106 decimal system【进制转换】
- MFC 的CList,CPtrList,CObList,CStringList 的用法