jQuery图文卡片左右滚动代码

jQuery图文卡片左右滚动代码-精品资源网
jQuery图文卡片左右滚动代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery图文卡片左右滚动代码

样式挺漂亮的一款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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容