offset的小bug
2016-07-11 08:16
148 查看
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title></title>
<style
type="text/css">
#div1{
width:
200px;
height:
200px;
background-color: red;
border:
5px solid black;
}
</style>
</head>
<body>
<div
id="div1">
</div>
<script
type="text/javascript">
var
oDiv1 = document.getElementById("div1");
setInterval(function
(){
// offsetWidth 元素可见宽度
// content + padding + border
// 200 - 1 199
// 202 - 1 201
// 203 - 1 202
var
current = parseInt(getStyle(oDiv1,
"width"));
oDiv1.style.width
= current - 1
+'px';
}, 20);
// function getStyle(obj, name){
// if (obj.currentStyle) {
// return obj.currentStyle[name];
// } else{
// return getComputedStyle(obj, false)[name];
// }
// }
</script>
</body>
</html>
<html>
<head>
<meta
charset="UTF-8">
<title></title>
<style
type="text/css">
#div1{
width:
200px;
height:
200px;
background-color: red;
border:
5px solid black;
}
</style>
</head>
<body>
<div
id="div1">
</div>
<script
type="text/javascript">
var
oDiv1 = document.getElementById("div1");
setInterval(function
(){
// offsetWidth 元素可见宽度
// content + padding + border
// 200 - 1 199
// 202 - 1 201
// 203 - 1 202
var
current = parseInt(getStyle(oDiv1,
"width"));
oDiv1.style.width
= current - 1
+'px';
}, 20);
// function getStyle(obj, name){
// if (obj.currentStyle) {
// return obj.currentStyle[name];
// } else{
// return getComputedStyle(obj, false)[name];
// }
// }
</script>
</body>
</html>
相关文章推荐
- 好的消费观(转自知乎)
- DOM生成&解析
- Android官方开发文档Training系列课程中文版:创建自定义View之View的创建
- 运动基础
- NYOJ-113 字符串替换
- POJ3984 迷宫问题
- 7、触发器(trigger)的操作-----第2篇
- AFNetWorking源码详解(二)
- 倒计时
- Pull生成&解析
- iOS AFNetWorking源码详解(一)
- 数码时钟
- 上周热点回顾(7.4-7.10)
- 手把手教你从Core Data迁移到Realm
- 广播的发送与接收
- 大图滚动
- 剩余四个全局属性
- string对象
- Android的Selector 应用详解
- perl 处理perl返回的json