简洁创意的新闻动态文字列表网格布局,带主图的网格新闻列表布局,点击换一换按钮新闻列表切换效果,支持多组列表换一换效果。适用于热点新闻列表html布局代码。使用jQuery,div css制作完成。

方法调用

//换一换
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();
});