没有合适的资源?快使用搜索试试~ 我知道了~
网上看了好多分页插件都不太满意,所以根据网上的一些东西自己做了一个,可以搭配mvc和数据库 效果图片 先来css(样式不喜欢的话可以不用这个) .pagelist {padding:10px 0; text-align:center;} .pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;} .pagelist a{ margin:0 3px;} .pagelist span.current{ background:#0
资源详情
资源评论
资源推荐
js css自定义分页效果自定义分页效果
网上看了好多分页插件都不太满意,所以根据网上的一些东西自己做了一个,可以搭配mvc和数据库
效果图片
先来css(样式不喜欢的话可以不用这个)
.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}
.popup
{
display: none;
list-style-type: none;
overflow: hidden;
position: absolute;
}
/*显示弹出菜单*/
.popupmenu li:hover ul {
display: block;
z-index:2;
/*left:840px;*/
}
.popupmenu li ul:hover {
display: block;
z-index:2;
/*left:840px;*/
}
html 需要引用jquary
<div class="pagelist" style="margin-top:500px">
<ul class="popupmenu">
<li>
<a href="p.url?page=1" rel="external nofollow" >首页</a>
<a href="p.url?page=p.up" rel="external nofollow" >上一页</a>
<a id="pop" href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="popup()">1/2</a>
<ul id="popup" class="popup">
<li>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >1/2</a>
</li>
weixin_38713586
- 粉丝: 3
- 资源: 933
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0