Baidu   
  HOME动态学院欣赏酷站特效运营黄页招聘项目网赚交易自荐信息
      网页制作: dreamweaver flash csshtml frontpage 特效源码 技巧心得 色彩理论 常见问题
 

 首页 -> 网页制作 -> 特效源码

JS中scrollLeft和offsetLeft不同

作者:E网情深整理 来源:http://www.ee73.com 发布日期:2008-05-16 点击次数:0

scrollLeft:返回和设置当前横向滚动务的坐标值

offsetLeft:Html元素相对于自己的offsetParent元素的位置

 

<input type="button" value="点一下" onclick="move()">
<div id="d" style="background-color:#ff9966; position:absolute; left:170px; top:100px;width:300;height:300;overflow:scroll"
onclick="alert('offsetLeft:'+this.offsetLeft)">
<div style="height:600;width:600" onclick="alert('offsetLeft:'+this.offsetLeft)"></div>
</div>
<script language="javascript">
function move()
{
var d=document.getElementById("d")
a=eval(20)
d.scrollLeft+=a
}
</script>

保存为网页,运行一下,点按钮,滚动条移动
点击div,先弹出b相对于a的位置,再弹出a相对于窗口的位置



 摘编:E网情深 http://www.ee73.com
      
网站地图 | 联系我们 | 关于我们 | 友情链接 |版权声明 | 在线投稿 | 留言互动 | 信息举报
Copyright ©2007-2008 EE73.com All Rights Reserved. E-mail:shuishou0406(at)163.com QQ:55123808(水寿)
豫ICP备05000040号 QQ群:5352616 32490150 主机提供商:www.west22.com "E网情深" 与你一起分享!