欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【帝国CMS】列表页分页标签样式及首位隐藏JS

程序员文章站 2022-04-07 17:33:58
...
$(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;}

效果如下:

【帝国CMS】列表页分页标签样式及首位隐藏JS

相关标签: 帝国CMS