Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 呼应式模板 中文模板 手机模板 企业源码
充值

jQuery图文卡片左右翻滚代码

作者/代码收拾:  (转载请附加本文地址,带有“18luck原生”字样的谢绝转载) 发布日期:2019-06-14
款式挺美丽的一款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>