03 06 2009
ThinkPHP分页的Slider效果
用过ThinkPHP框架中有个Page类，可以帮助大家无忧的显示分页效果。
也可以自定义分页效果。这里有就不多讲了。
利用mootools框架，在分页时展示slider效果。可以参考本站最后的Slider分页效果。
thinkPHP的代码是
PHP代码
- $p = new Page($count,$listRows);
- .....
- $this->assign("nowPage", $p->nowPage);
- $this->assign("totalPages", $p->totalPages);
JavaScript代码
- window.addEvent('domready', function() {
- var page=$('nowPage').get('text').toInt()-1;
- new Slider('slider','knob',{
- wheel:false,
- steps:$('totalPages').get('text').toInt()-1,
- onChange:function(step){
- $('nowPage').set('text',step+1)
- },
- onComplete:function(step){
- if(step!=page){
- var p = step.toInt()+1;
- url=ACTION+'?p='+p;
- window.location.href=url;
- }
- }
- }).set(page);
- });
XML/HTML代码
- <div id="slider" class="slider">
- <div id="knob" class="knob" style="position: relative; left: 0px;">div>
- div>
- <span style="float:left;height:22px;">Page <span id="nowPage" style="font-weight:bold;">{$nowPage}span> of <span id="totalPages">{$totalPages}span>span>
拖动knob在slider中滑动，就可以分页了。
1 条记录 1/1 页