【帝国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 7.5 关键字生成插件