mop分頁代碼

2009-06-05　來源/作者：懶人圖庫　分類：導航菜單　 «»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<STYLE type=text/css media=all>
.pageWrapper {
	FONT-SIZE: 12px; BACKGROUND: #f6f6f6; WIDTH: 620px;
}
.pgbtn A:link {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:visited {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:active {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pgbtn A:hover {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.pagnum A:link {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:visited {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:active {
	MARGIN: 0px 2px; WIDTH: 26px
}
.pagnum A:hover {
	MARGIN: 0px 2px; WIDTH: 26px
}

.pages {
	MARGIN: 5px 0px 5px 0px; FLOAT: left; WIDTH: 460px; TEXT-ALIGN: center
}
.pagetb {
	MARGIN: 0px auto
}
.pregro {
	WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
}
.nxtgro {
	WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
}
.pregro {
	DISPLAY: inline; FLOAT: left; MARGIN: 5px 0px 5px 15px;text-align:center;
}
.nxtgro {
	DISPLAY: inline; FLOAT: right; MARGIN: 5px 15px 5px 0px;text-align:center;
}

}
</STYLE>
</head>

<body>
<div   id="m0wss02"   class=pageWrapper>
  <div   id="ci0eay2"   class="pregro pgbtn"><a title=瀏覽上一組圖 
href="http://news.mop.com/#pic">上一組圖</a></div>
  <div   id="owyikek"   class="pages pgbtn">
    <table class=pagetb cellspacing=0>
      <tbody>
        <tr>
          <td class=pagnum><a class=currentpg title=當前頁 
      href="http://news.mop.com/pic/o/2007/0615/10232966.shtml#">1</a></td>
          <td class=pagnum><a title=第2頁 
      href="http://news.mop.com/pic/o/2007/0615/10232967.shtml#pic">2</a></td>
          <td class=pagnum><a title=第3頁 
      href="http://news.mop.com/pic/o/2007/0615/10232968.shtml#pic">3</a></td>
          <td class=pagnum><a title=第4頁 
      >4</a></td>
          <td class=pagnum><a title=第5頁 
      >5</a></td>
          <td class=pagnum><a title=第6頁 
      >6</a></td>
          <td class=pagnum><a title=第7頁 
      >7</a></td>
          <td class=pagnum><a title=第8頁 
      >8</a></td>
          <td class=pagnum><a title=第9頁 
      >9</a></td>
          <td class=pagnum><a title=第10頁 
      >10</a></td>
          <td class=pagnum><a title=下一頁 
      >>></a></td>
          <td class=termipag><a class=st title=最后一頁 
      >末頁</a></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div   id="2ayugme"   class="nxtgro pgbtn"><a title=瀏覽下一組圖 
>下一組圖</a></div> 
</div>
<p>查找更多代碼，請訪問：<a href="http://www.cxj168.com" target="_blank">懶人圖庫</a></p>
</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

貓撲網分頁代碼

標簽：導航菜單