jQuery图文卡片左右滚动代码
136
0
jQuery卡片滚动卡片左右滚动jQuery图文滚动

样式挺漂亮的一款jQuery图文卡片左右滚动代码,鼠标悬停卡片时边框和文字会有高亮突出显示效果,通过左右箭头按钮控制滚动。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
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);
});
</script>热点素材
- 2,0231
- 1,99512
- 1,9680
- 1,8423
- 1,7731





