Skip to content
This repository has been archived by the owner on Jul 28, 2022. It is now read-only.

feilongDisplay pager skin

feilong edited this page Oct 21, 2016 · 2 revisions

1.默认模板 生成结果html结构

	<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>

2.内置皮肤css说明

如:

	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是皮肤名称,你也可以根据这样的层级结构,建个自己的皮肤

3.可以使用的样式名字

下图是内置皮肤默认样式,您可以指定皮肤名字使用

源文件参见 feilong-pager.css

css