【帝國CMS】列表頁分頁標籤樣式及首位隱藏JS
阿新 • • 發佈:2019-02-05
$(function() {
$(".ho-pages").find("a").eq(0).hide();
});
注意分頁標籤的樣式(.ho-pages)是否正確。
樣式如下:
/* 分頁樣式 */ .ho-pages{ width: 100%; height: 30px; margin: 20px 0; } .ho-pages a{ float: left; padding: 4px 12px 3px; margin: 0 3px; font-size: 12px; line-height: 20px; color: #666; text-decoration: none; border: 1px solid #eee; } .ho-pages a:hover{ color: #fff; background-color: #ed4040; } .ho-pages b{ float: left; width: 33px; height: 27px; line-height: 27px; color: #fff; text-align: center; background-color: #ed4040; cursor: default; } .ho-pages a b{display: none;}
效果如下: