JavaScript之元素在屏幕从左到右移动的的示例
2015-10-26 19:20
549 查看
<html>
<head>
<title>Animating a DOM Element</title>
<style>
#div1{
position:absolute;
border:1px solid black;
width:50px;
height:50px;
left:0px;
top:100px;
}
</style>
<script>
var timer1 = null;
var el = null;
function moveItRight(){
if(parseInt(el.style.left) > (screen.width-50))
el.style.left = 0;
el.style.left = parseInt(el.style.left)+2+'px';
timer1 = setTimeout(moveItRight,25); // 在指定的毫秒数后调用函数
}
window.onload = function(){
el = document.getElementById("div1");
el.style.left = '50px';
moveItRight();
}
</script>
</head>
<body>
<div id="div1"> Move It! </div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery1——基础（$对象，选择器，对象转换）
- Android学习笔记（二九）：嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制：7 行代码学会 co 模块
- ES6 走马观花（ECMAScript2015 新特性）
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程（二）
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets