
HTML
首先在#four_flash放置个人信息列表li,和左右按钮.but_left,.but_right
<div id="four_flash">
<div class="flashBg">
<ul class="mobile">
<li>
<img src="images/senke_xy00.jpg" />
<dd>高同学</dd>
<p>2013年CPA暑期班学员,一年通过5门课程</p>
<a href=""></a>
</li>
<li>
<img src="images/senke_xy01.jpg" />
<dd>李同学</dd>
<p>2014年CPA周末旗舰班学员;1年通过4门课程</p>
<a href="https://jy.tp.yuanmeng.life/js"></a>
</li>
</ul>
</div>
<div class="but_left"><img src="images/qianxleft.png" /></div>
<div class="but_right"><img src="images/qianxr.png" /></div>
</div> jQuery
var _index5 = 0;
$("#four_flash .but_right img").click(function() {
_index5++;
var len = $(".flashBg ul.mobile li").length;
if (_index5 + 5 > len) {
$("#four_flash .flashBg ul.mobile").stop().append($("ul.mobile").html());
}
$("#four_flash .flashBg ul.mobile").stop().animate({left: -_index5 * 326}, 1000);
});
$("#four_flash .but_left img").click(function() {
if (_index5 == 0) {
$("ul.mobile").prepend($("ul.mobile").html());
$("ul.mobile").css("left", "-1380px");
_index5 = 6
}
_index5--;
$("#four_flash .flashBg ul.mobile").stop().animate({left: -_index5 * 326}, 1000);
}); *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
