jQuery图文列表换一换代码

来源:https://www.sucaihuo.com/js/4646.html 2019-08-15 12:19浏览(673) 收藏

jQuery图文列表换一换代码是一款非常不错的图文列表布局展示样式,点击“换一换”可以换一批图文信息。
jQuery图文列表换一换代码
分类:图片代码 > 鼠标滑过 难易:初级
查看演示 下载资源 下载积分: 30 积分

js代码

<script src="js/jquery.min.js"></script>
<script type="text/javascript">
	//换一换
	var $newsLists = $('.news-sub').find('.news-list-v');

	function changeNews() {
		var $currentNews = $newsLists.filter('.show');
		var $nextNews = $currentNews.next();

		if($nextNews.length === 0) {
			$nextNews = $newsLists.eq(0);
		}

		$newsLists.removeClass('show');
		$nextNews.addClass('show');
	}
	$('.news-change').on('click', function() {
		changeNews();
	});
</script>
评论0
头像

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

1 2