-
Notifications
You must be signed in to change notification settings - Fork 30
feilongDisplay pager skin
feilong edited this page May 22, 2020
·
1 revision
<div class="div_feilongPager digg">
<span class="span_pagerInfo">总数10000</span>
<span class="span_pagerInfo" title="当前1000页/共500页">1000/500</span>
<a pagenovalue="999" title="跳转到上一页" href="/pager.htm?pageNo=999" target="_self">上一页</a>
<a pagenovalue="1" title="跳转到第一页" href="/pager.htm?pageNo=1" target="_self">1</a>
<span class="color_666">...</span>
<a pagenovalue="495" title="跳转到第495页" href="/pager.htm?pageNo=495" target="_self">495</a>
<a pagenovalue="496" title="跳转到第496页" href="/pager.htm?pageNo=496" target="_self">496</a>
<a pagenovalue="497" title="跳转到第497页" href="/pager.htm?pageNo=497" target="_self">497</a>
<a pagenovalue="498" title="跳转到第498页" href="/pager.htm?pageNo=498" target="_self">498</a>
<a pagenovalue="499" title="跳转到第499页" href="/pager.htm?pageNo=499" target="_self">499</a>
<a pagenovalue="500" title="跳转到第500页" href="/pager.htm?pageNo=500" target="_self">500</a>
<a pagenovalue="500" title="跳转到下一页" href="/pager.htm?pageNo=500" target="_self">下一页</a>
<input type="text" value="1000" class="feilongGotoInput" pagerurltemplatehref="/pager.htm?pageNo=-88888888" templatevalue="-88888888" pageparamname="pageNo">/500<button class="pagerButton" value="go">Go</button>
</div>
如:
div.digg a {border:1px solid #aad;padding:2px 5px;margin:2px;color:#009;text-decoration:none}
div.digg a:link {color:#009;}
div.digg a:visited {color:#009;}
div.digg a:hover {border:1px solid #009;color:#000;}
div.digg a:active {border:1px solid #009;color:#000;}
div.digg span.current {border:1px solid #009;padding:2px 5px;margin:2px;font-weight:bold;color:#fff;background:#009}
div.digg span.disabled {border:1px solid #999;padding:2px 5px;margin:2px;color:#777;}
其中 digg
是皮肤名称,你也可以根据这样的层级结构,建个自己的皮肤
下图是内置皮肤默认样式,您可以指定皮肤名字使用
源文件参见 feilong-pager.css
core