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

admin 发布时间:2015-06-01 分类:Web 阅读:3174次 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");

关键字词: PositionjQuery

已有2条留言

发表评论:

◎欢迎您的参与讨论。