jQuery图片文字卡片列表左右滑动切换特效

来源:https://www.sucaihuo.com/js/4406.html 2019-06-06 12:08浏览(232) 收藏

精致美观的jQuery图片文字卡片列表左右滑动切换特效,点击左右箭头按钮控制图片滚动,鼠标悬停卡片高亮突出显示,非常棒的一款图文列表布局样式。
jQuery图片文字卡片列表左右滑动切换特效
分类:图片代码 > 图片滑动 难易:初级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 10 下载资源 下载积分: 30 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

1 2