1. 程式人生 > >【帝國CMS】列表頁分頁標籤樣式及首位隱藏JS

【帝國CMS】列表頁分頁標籤樣式及首位隱藏JS

$(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;}

效果如下: