JavaScript DOM 利用样式实现元素移动位置
2016-05-21 09:38
836 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> #demo1{ width:300px; height:200px; border:3px solid #F00; position:absolute; top:0; left:0; } </style> <script> function ceh1(element) { element.style.color="#0f0"; element.style.backgroundColor="#a4c639"; movement=setTimeout("ceh3()",1000); } function ceh2(element) { element.style.color=""; element.style.backgroundColor=""; } function ceh3() { element=document.getElementById("demo1"); element.style.position="absolute"; element.style.top="300px"; element.style.left="600px"; } </script> </head> <body> <div id="demo1" onMouseOver="ceh1(this)" onMouseOut="ceh2(this)"> </div> </body> </html>注意函数有没有写错,否则得不到执行。
相关文章推荐
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JSON的数据交换、缓存问题和同步问题详解
- json数组的反序列化
- 通过JSONP实现AJAX 跨域请求数据
- js时间戳格式化成日期格式
- js 遍历json
- 使用GSON解析一个复杂的json
- 聊聊前端,JavaScript
- javascript时间函数
- JS代码浏览器兼容性 之 new Date()
- JSON数据解析的三种情况+pjson的方式
- JavaScript replace new RegExp使用介绍
- 表单input添加js事件的几种方式
- Ajax_XML_JSON
- 聊聊前端,JavaScript