不錯的Javascript表格翻頁效果

2024-09-06 12:41:47

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻頁</TITLE> <style> body, td{     font-size: 9pt; } a:link {     color: #FF0000; } a:visited {     color: #FF0000; } a:hover {     color: #006600; } </style>  </HEAD> <BODY onLoad="showhiddenRecord(pagenum)"> <center> 共 6 頁 當前第 1 頁 第一頁 上一頁 下一頁 最后一頁 轉到第<select onChange="gotoPage(this.value)" name="goto"> <option value=1>1</option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> </select>頁 </center>   <TABLE id="mytable" cellpadding=4 cellspacing=1 border=0 bgcolor=#999999 width=500 align=center> <TR bgcolor=#ffffff><TD>標題</TD></TR> <TR bgcolor=#ffffff><TD>1</TD></TR> <TR bgcolor=#ffffff><TD>2</TD></TR> <TR bgcolor=#ffffff><TD>3</TD></TR> <TR bgcolor=#ffffff><TD>4</TD></TR> <TR bgcolor=#ffffff><TD>5</TD></TR> <TR bgcolor=#ffffff><TD>6</TD></TR> <TR bgcolor=#ffffff><TD>7</TD></TR> <TR bgcolor=#ffffff><TD>8</TD></TR> <TR bgcolor=#ffffff><TD>9</TD></TR> <TR bgcolor=#ffffff><TD>10</TD></TR> <TR bgcolor=#ffffff><TD>11</TD></TR> <TR bgcolor=#ffffff><TD>12</TD></TR> <TR bgcolor=#ffffff><TD>13</TD></TR> <TR bgcolor=#ffffff><TD>14</TD></TR> <TR bgcolor=#ffffff><TD>15</TD></TR> <TR bgcolor=#ffffff><TD>16</TD></TR> <TR bgcolor=#ffffff><TD>17</TD></TR> <TR bgcolor=#ffffff><TD>18</TD></TR> <TR bgcolor=#ffffff><TD>19</TD></TR> <TR bgcolor=#ffffff><TD>20</TD></TR> <TR bgcolor=#ffffff><TD>21</TD></TR> <TR bgcolor=#ffffff><TD>22</TD></TR> <TR bgcolor=#ffffff><TD>23</TD></TR> <TR bgcolor=#ffffff><TD>24</TD></TR> </TABLE> </BODY> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：JavaScript 模仿vbs中的 DateAdd() 函數的代碼

下一篇：javascript 函數式編程