代码改变世界

QuickPager分页组件,v2.0.4.6发布

2011-05-17 11:50  金色海洋(jyk)  阅读(4097)  评论(8编辑  收藏  举报

 

  以前QuickPager分页组件的样式都不怎么好看,但是突然有一天看到了《24款超实用的Web 2.0风格翻页代码》,感谢wayshan 提供了这么多的样式。

 

  依据提供的样式,修改了一下QuickPager的源码,以便于更方便的套用css。

 

  更换样式,有两种方法,一个是设置css名称,一个是更换css文件的路径。推荐采用更换css文件的路径的方法。可以设置属性Skin,这个是css样式的文件夹的名称。会根据这个设置自动加载相应的css文件,这样就达到了更换样式的目的。

 

  

 分页控件样式

 

 

在线演示:http://demo.naturefw.com/Nonline/QuickPager/skin.aspx  (还有其他样式,一共24个)

 

QuickPager分页组件源码下载:http://www.naturefw.com/Down/kind29/List1.aspx

 

QuickPager分页组件Demo下载:http://www.naturefw.com/Down/kind40/List1.aspx

 

演示用的数据库下载:http://www.naturefw.com/Down/kind20/List1.aspx

 

 

 可以在后置代码里设置属性,也可以在前台代码里设置属性

 

Pager1.Skin = "digg";

 

<Nature:QuickPager ID="Pager1" runat="server" Skin="tres" >

 

两种方法,选用一种即可。

 

2