简洁创意的新闻动态文字列表网格布局,带主图的网格新闻列表布局,点击换一换按钮新闻列表切换效果,支持多组列表换一换效果。适用于热点新闻列表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();
});