織夢分頁樣式

1、.直接套用即可Html代碼部分： <div class="pagination-wrapper"><div class="pagination"><form name="beginPagefrm" method=post action="" onsubmit="return onCheckPage()">dede:pagelist listsize='2' listitem='pre,next,pageno'/<span

2、style="color: #a91b20;">跳轉(zhuǎn)到</span> <input class="input_page" size=4 name="beginPage" value=""><input class="sure_page" type="submit" name="Submit" value="確定"></form> <span id="pageinfo&

3、quot; style=" font-size: 12px;color: #a91b20;"> dede:pagelist listitem="info" /當前顯示第 dede:pagelist listsize='0' listitem='pageno' function='html2text(me)'/ 頁</span></div></div>Js部分： <script type="text/javascript">functi

4、on onCheckPage()var beginPage = parseInt(document.beginPagefrm.beginPage.value);var numshow = $('.pageinfo strong').eq(0).text()if(isNaN(beginPage)alert("請輸入數(shù)字！");return false; if(beginPage >numshow ) alert("超出頁碼范圍！"); return false; if(beginPage <= 0 ) beginPage = 1

5、; if(beginPage > 100)beginPage = 100;if(beginPage > 1 ) document.beginPagefrm.action = "list_dede:field name='typeid'/_" + beginPage + ".html" else document.beginPagefrm.action = "dede:type typeid=0row=1field:typelink /dede:type"return true; $(function() v

6、ar numshow = $('.pagination form li').index() if(numshow<2) $('#pageinfo').hide(); ); </script>Css部分：/*pages*/.pagination-wrappermargin: 20px 0;.paginationheight: 34px;text-align: center;.pagination li spancolor:#a91b20.pagination li display: inline-block;height: 23px;margin

7、-right: 5px;.pagination li afloat: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #a91b20;color: #a91b20;text-decoration: none;.pagination li a:hoverbackground:#a91b20;color:#fff;.pagination li.thisclass background: #a91b20;color: #fff; height: 3

8、4px; width: 35px; line-height: 35px;.pagination li.thisclass a,.pagination li.thisclass a:hoverbackground: transparent;border-color: #09f;color: #fff;cursor: default;.input_page height: 33px;width: 33px;border: 1px solid #a91b20;padding-left: 2px;margin-top: -3px;color:#a91b20;margin-left: 5px;.sure_pageheight: 33px;wid