jQuery(function() {
var winWidth = jQuery(".window").width();// 移动的宽度
var num = jQuery("#i1 .fab").size();//移动内容的个数
var time1;
$("#i1").css({
'width':winWidth*num,'height':"97px"
}).find('.fab').css({"position":"absolute",left:"1000px"});
jQuery("#i1 .fab:eq(0)").css({"left":0});
function playPic() { clearInterval(time1);
time1 = setInterval(function() {
jQuery("#i1 .fab:eq(0)").animate({"left":-winWidth},500,function(){
jQuery("#i1 .fab:eq(0)").css("left",1000).appendTo("#i1");
jQuery(this).css("left","1000px").appendTo("#i1");
});
jQuery("#i1 .fab:eq(1)").css({"left":winWidth}).animate({"left":0},500);
}, 2000);// Interval结束
}
playPic();
});
var winWidth = jQuery(".window").width();// 移动的宽度
var num = jQuery("#i1 .fab").size();//移动内容的个数
var time1;
$("#i1").css({
'width':winWidth*num,'height':"97px"
}).find('.fab').css({"position":"absolute",left:"1000px"});
jQuery("#i1 .fab:eq(0)").css({"left":0});
function playPic() { clearInterval(time1);
time1 = setInterval(function() {
jQuery("#i1 .fab:eq(0)").animate({"left":-winWidth},500,function(){
jQuery("#i1 .fab:eq(0)").css("left",1000).appendTo("#i1");
jQuery(this).css("left","1000px").appendTo("#i1");
});
jQuery("#i1 .fab:eq(1)").css({"left":winWidth}).animate({"left":0},500);
}, 2000);// Interval结束
}
playPic();
});
<!-- 健康团开始 -->
<div class="tuan">
<div class="title"> <span class="bold">健康团</span> <span style="color:#fff6bb">精挑细选,不如团购划算</span> </div>
<div class="left_arrow" id="left"></div>
<div class="right_arrow" id="right"></div>
<div class="window">
<div class="image_reel">
<div id="i1" class="i1" style="position:absolute;left:0">
<!--{foreach from=$shop_group_buy_goods item=gbg}-->
<div class="fab">
<a href="{$gbg.url}" target="_blank" class="fl" title="{$gbg.short_style_name}"><img title="{$gbg.short_style_name}" src="{$gbg.goods_img}" alt="" width="82px" height="82px"></a>
<div class="text">
<div class="name"><a href="{$gbg.url}" target="_blank">{$gbg.short_name}</a></div>
<del>原价:{$gbg.et_price} 元</del><br />
<b>团购价:{$gbg.last_price}</b>
</div>
</div>
<!--{/foreach}-->
</div>
</div>
</div>
</div>
</div>
<!-- 健康团结束 -->
别做成浮动的效果