AspNetPager 样式代码,Asp.Net代码库,德仔网

代码语言
代码分类
【Asp.Net】 AspNetPager 样式
作者:Dezai.CN / 发布于2011/3/15/ 561
<div>
<font color="#008000"><strong>自定义样式：</strong></font>
<pre class="code"><span style="color: blue"><</span><span style="color: rgb(163,21,21)">style </span><span style="color: red">type</span><span style="color: blue">="text/css">
</span><span style="color: green">/*拍拍网风格*/
</span><span style="color: rgb(163,21,21)">.paginator </span>{ <span style="color: red">font</span>: <span style="color: blue">11px Arial, Helvetica, sans-serif</span>;<span style="color: red">padding</span>:<span style="color: blue">10px 20px 10px 0</span>; <span style="color: red">margin</span>: <span style="color: blue">0px</span>;}
<span style="color: rgb(163,21,21)">.paginator a </span>{<span style="color: red">padding</span>: <span style="color: blue">1px 6px</span>; <span style="color: red">border</span>: <span style="color: blue">solid 1px #ddd</span>; <span style="color: red">background</span>: <span style="color: blue">#fff</span>; <span style="color: red">text-decoration</span>: <span style="color: blue">none</span>;<span style="color: red">margin-right</span>:<span style="color: blue">2px</span>}
<span style="color: rgb(163,21,21)">.paginator a:visited </span>{<span style="color: red">padding</span>: <span style="color: blue">1px 6px</span>; <span style="color: red">border</span>: <span style="color: blue">solid 1px #ddd</span>; <span style="color: red">background</span>: <span style="color: blue">#fff</span>; <span style="color: red">text-decoration</span>: <span style="color: blue">none</span>;}
<span style="color: rgb(163,21,21)">.paginator .cpb </span>{<span style="color: red">padding</span>: <span style="color: blue">1px 6px</span>;<span style="color: red">font-weight</span>: <span style="color: blue">bold</span>; <span style="color: red">font-size</span>: <span style="color: blue">13px</span>;<span style="color: red">border</span>:<span style="color: blue">none</span>}
<span style="color: rgb(163,21,21)">.paginator a:hover </span>{<span style="color: red">color</span>: <span style="color: blue">#fff</span>; <span style="color: red">background</span>: <span style="color: blue">#ffa501</span>;<span style="color: red">border-color</span>:<span style="color: blue">#ffa501</span>;<span style="color: red">text-decoration</span>: <span style="color: blue">none</span>;}

<span style="color: green">/*淘宝风格*/
</span><span style="color: rgb(163,21,21)">.paginator </span>{ <span style="color: red">font</span>: <span style="color: blue">12px Arial, Helvetica, sans-serif</span>;<span style="color: red">padding</span>:<span style="color: blue">10px 20px 10px 0</span>; <span style="color: red">margin</span>: <span style="color: blue">0px</span>;}
<span style="color: rgb(163,21,21)">.paginator a </span>{<span style="color: red">border</span>:<span style="color: blue">solid 1px #ccc</span>;<span style="color: red">color</span>:<span style="color: blue">#0063dc</span>;<span style="color: red">cursor</span>:<span style="color: blue">pointer</span>;<span style="color: red">text-decoration</span>:<span style="color: blue">none</span>;}
<span style="color: rgb(163,21,21)">.paginator a:visited </span>{<span style="color: red">padding</span>: <span style="color: blue">1px 6px</span>; <span style="color: red">border</span>: <span style="color: blue">solid 1px #ddd</span>; <span style="color: red">background</span>: <span style="color: blue">#fff</span>; <span style="color: red">text-decoration</span>: <span style="color: blue">none</span>;}
<span style="color: rgb(163,21,21)">.paginator .cpb </span>{<span style="color: red">border</span>:<span style="color: blue">1px solid #F50</span>;<span style="color: red">font-weight</span>:<span style="color: blue">700</span>;<span style="color: red">color</span>:<span style="color: blue">#F50</span>;<span style="color: red">background-color</span>:<span style="color: blue">#ffeee5</span>;}
<span style="color: rgb(163,21,21)">.paginator a:hover </span>{<span style="color: red">border</span>:<span style="color: blue">solid 1px #F50</span>;<span style="color: red">color</span>:<span style="color: blue">#f60</span>;<span style="color: red">text-decoration</span>:<span style="color: blue">none</span>;}
<span style="color: rgb(163,21,21)">.paginator a</span>,<span style="color: rgb(163,21,21)">.paginator a:visited</span>,<span style="color: rgb(163,21,21)">.paginator .cpb</span>,<span style="color: rgb(163,21,21)">.paginator a:hover  
</span>{<span style="color: red">float</span>:<span style="color: blue">left</span>;<span style="color: red">height</span>:<span style="color: blue">16px</span>;<span style="color: red">line-height</span>:<span style="color: blue">16px</span>;<span style="color: red">min-width</span>:<span style="color: blue">10px</span>;<span style="color: red">_width</span>:<span style="color: blue">10px</span>;<span style="color: red">margin-right</span>:<span style="color: blue">5px</span>;<span style="color: red">text-align</span>:<span style="color: blue">center</span>;
 <span style="color: red">white-space</span>:<span style="color: blue">nowrap</span>;<span style="color: red">font-size</span>:<span style="color: blue">12px</span>;<span style="color: red">font-family</span>:<span style="color: blue">Arial,SimSun</span>;<span style="color: red">padding</span>:<span style="color: blue">0 3px</span>;}
 <span style="color: blue"></</span><span style="color: rgb(163,21,21)">style</span><span style="color: blue">></span></pre>

<pre class="code"><span style="color: blue"><font color="#008000"><strong>前台：</strong></font></span></pre>
<pre class="code"><span style="color: blue"><</span><span style="color: rgb(163,21,21)">table </span><span style="color: red">cellpadding</span><span style="color: blue">="0" </span><span style="color: red">cellspacing</span><span style="color: blue">="0" </span><span style="color: red">align</span><span style="color: blue">="center" </span><span style="color: red">width</span><span style="color: blue">="99%" </span><span style="color: red">class</span><span style="color: blue">="border">
<</span><span style="color: rgb(163,21,21)">tr</span><span style="color: blue">>
<</span><span style="color: rgb(163,21,21)">td </span><span style="color: red">align</span><span style="color: blue">="left" </span><span style="color: red">colspan</span><span style="color: blue">="2">
<</span><span style="color: rgb(163,21,21)">webdiyer</span><span style="color: blue">:</span><span style="color: rgb(163,21,21)">AspNetPager </span><span style="color: red">ID</span><span style="color: blue">="AspNetPager1" </span><span style="color: red">CssClass</span><span style="color: blue">="paginator"   </span><span style="color: red">CurrentPageButtonClass</span><span style="color: blue">="cpb" </span><span style="color: red">runat</span><span style="color: blue">="server" </span><span style="color: red">AlwaysShow</span><span style="color: blue">="True" 
</span><span style="color: red">FirstPageText</span><span style="color: blue">="首页"  </span><span style="color: red">LastPageText</span><span style="color: blue">="尾页" </span><span style="color: red">NextPageText</span><span style="color: blue">="下一页"  </span><span style="color: red">PageSize</span><span style="color: blue">="20" </span><span style="color: red">PrevPageText</span><span style="color: blue">="上一页"  </span><span style="color: red">ShowCustomInfoSection</span><span style="color: blue">="Left" 
</span><span style="color: red">ShowInputBox</span><span style="color: blue">="Never" </span><span style="color: red">onpagechanged</span><span style="color: blue">="AspNetPager1_PageChanged"  </span><span style="color: red">CustomInfoTextAlign</span><span style="color: blue">="Left" </span><span style="color: red">LayoutType</span><span style="color: blue">="Table"  >
</</span><span style="color: rgb(163,21,21)">webdiyer</span><span style="color: blue">:</span><span style="color: rgb(163,21,21)">AspNetPager</span><span style="color: blue">>
</</span><span style="color: rgb(163,21,21)">td</span><span style="color: blue">>
</</span><span style="color: rgb(163,21,21)">tr</span><span style="color: blue">>
</</span><span style="color: rgb(163,21,21)">table</span><span style="color: blue">></span></pre>

<font color="#008000"><strong>后台：</strong></font>
<pre class="code"><span style="color: blue">void </span>bindData()
   {       .......绑定语句       <span style="color: blue">this</span>.AspNetPager1.CustomInfoHTML = <span style="color: blue">string</span>.Format(<span style="color: rgb(163,21,21)">"当前第{0}/{1}页 共{2}条记录 每页{3}条"</span>, <span style="color: blue">new object</span>[] { <span style="color: blue">this</span>.AspNetPager1.CurrentPageIndex, <span style="color: blue">this</span>.AspNetPager1.PageCount, <span style="color: blue">this</span>.AspNetPager1.RecordCount, <span style="color: blue">this</span>.AspNetPager1.PageSize });
   }
   <span style="color: blue">protected void </span>AspNetPager1_PageChanged(<span style="color: blue">object </span>src, EventArgs e)
   {
       bindData();
   }</pre>
</div>
试试其它关键字
　样式　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)