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

最新推荐文章于 2023-04-28 21:59:14 发布

GLyihu

最新推荐文章于 2023-04-28 21:59:14 发布

阅读量1.8k

点赞数 1

分类专栏：帝国CMS 文章标签：帝国CMS

本文链接：https://blog.csdn.net/GLyihu/article/details/77643920

版权

帝国CMS 专栏收录该内容

28 篇文章 1 订阅

订阅专栏

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

效果如下：