jQuery图文卡片左右滚动代码

yzch6671

2年前发布

041920

样式挺漂亮的一款jQuery图文卡片左右滚动代码，鼠标悬停卡片时边框和文字会有高亮突出显示效果，通过左右箭头按钮控制滚动。

js代码

<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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END