jQuery元素的Position左右移动实现动画移动

admin 发布时间：2015-06-01 分类：Web 阅读：7313次 2 条评论

动态滑动新闻，动态滚动新闻经常会用到这一方面的知识，比较初级。以左右滚动新闻为例，在一个规定宽度，高度的div容器里面，overflow超出部分hidden，即隐藏。在容器里的元素会被显示出来，超出容器的元素被隐藏掉了。

此div需要绝对定位或者相对定位。position:relative。

使用定时器或者按钮，改变left，right的值。

//Id为item的元素向左滑动偏移100的像素的距离（向右滑动去掉负号）
$("#item").animate({ left: "-=100px" }, 500);
//获取left左端距离，top上端距离
var left= $("#item").css("left"); 
var top= $("#item").css("top");