<center id="5hkau"><label id="5hkau"></label></center>
<fieldset id="5hkau"></fieldset>
首頁
網(wǎng)頁特效庫
網(wǎng)頁特效庫
導(dǎo)航菜單
按鈕表單
背景特效
時(shí)間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁面
狀態(tài)欄類
警告對(duì)話
綜合應(yīng)用
游戲娛樂
首頁
>
特效
>
文本操作
> 正文
又一款靜態(tài)頁面分頁效果
2009-12-19 文本操作 ℃
<!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" lang="gb2312"> <head> <title>CSS+JS實(shí)現(xiàn)的靜態(tài)頁面翻頁效果</title> <style type="text/css"> * { font : normal 12px/1.5em "Microsoft YaHei", Tahoma; _font : normal 12px/1.5em Tahoma; /* CSS Hack For IE6 */ border: 0px; margin: 0px; padding: 0px; overflow: hidden; text-decoration: none; *text-overflow: ellipsis; /* CSS Hack For IE7 & IE6 */ } a { color: #333; } a :link{ color: #333; } a:active{color:#FF6600} a:hover { color: #06c; } body { background: #f3faff; text-align: center; } ul { list-style-type: none; } li { margin-bottom: 13px; /* CSS Hack For Firefox */ *margin-bottom: 12px; /* CSS Hack For IE7 & IE6 */ _margin-bottom: 3%; /* CSS Hack For IE6 */ white-space: nowrap; } #Main_News { /*background-color: teal;*/ border: 1px #acd0f0 solid; width: 445px; height: 402px; } #Content { width: 425px; height: 372px; margin: 10px 10px 0px 10px; _margin: 10px 5px 0px 5px; /* CSS Hack For IE6 */ overflow: hidden; text-align: left; } #Pages { width: 445px; height: 20px; margin: 0px; text-align: right; } #Pages a:link{color:#000000} #Pages a:hover{color:#FF0000} #Pages a:active{color:#3300FF} </style> <script defer="defer" language="javascript" type="text/javascript"> <!-- var _offset = 0; function _$id(_obj) { return document.getElementById(_obj); } function _$Pages(_i) { _$id("Content").scrollTop = (_$id("Content").clientHeight*_i); for (var i=0;i<(_$id("Content").scrollHeight/_offset);i++) { if (i==_i) _$id("soojs_"+(_i+1)).style.backgroundColor="#ff9900"; else _$id("soojs_"+(i+1)).style.backgroundColor=""; } } function _$InitPages() { var _s=''; _offset = _$id("Content").clientHeight; var _top = _$id("Content").scrollTop; for (var i=0;i<(_$id("Content").scrollHeight/_offset);i++) { _s+=('<a href="javascript:void(0);" onclick="javascript:_$Pages('+i+');" onfocus="this.blur()" title="Page '+(i+1)+'" id="soojs_'+(i+1)+'">'+" "+(i+1)+" "+'</a> '); } _$id("Pages").innerHTML=_s; _$id("soojs_"+1).style.backgroundColor="#ff9900"; } //--> </script> </head> <body onload="_$InitPages();" > <div class="kn94iqm" id="Main_News"><!--主要新聞--> <div class="lmxncvh" id="Content"> <ul> <li><span id="7pyddvi" class="type">[圖文]</span>科研處關(guān)于科研成果登記的通知</li> <li><span id="fidsnct" class="type">[圖文]</span>關(guān)于清除炒股聊天等軟件的通知</li> <li><span id="rpkbtj9" class="type">[圖文]</span>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知1</li> <li>關(guān)于清除炒股聊天等軟件的通知2</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知3</li> <li>關(guān)于清除炒股聊天等軟件的通知4</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知5</li> <li>關(guān)于清除炒股聊天等軟件的通知6</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知7</li> <li>關(guān)于清除炒股聊天等軟件的通知8</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知9</li> <li>關(guān)于清除炒股聊天等軟件的通知10</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知11</li> <li>關(guān)于清除炒股聊天等軟件的通知12</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知13</li> <li>關(guān)于清除炒股聊天等軟件的通知14</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知15</li> <li>關(guān)于清除炒股聊天等軟件的通知16</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知17</li> <li>關(guān)于清除炒股聊天等軟件的通知18</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知19</li> <li>關(guān)于清除炒股聊天等軟件的通知20</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知21</li> <li>關(guān)于清除炒股聊天等軟件的通知22</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知23</li> <li>關(guān)于清除炒股聊天等軟件的通知24</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知25</li> <li>關(guān)于清除炒股聊天等軟件的通知26</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知27</li> <li>關(guān)于清除炒股聊天等軟件的通知28</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> <li>科研處關(guān)于科研成果登記的通知29</li> <li>關(guān)于清除炒股聊天等軟件的通知30</li> <li>關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通關(guān)于組織學(xué)習(xí)“全國模范教師”郭力華的通</li> </ul> </div> <div class="xatwcwd" id="Pages"></div> </div> </body> </html>
相關(guān)特效代碼
無相關(guān)信息
熱門特效代碼
輸入框的文字閃爍變色引人注意
純CSS內(nèi)頁內(nèi)容切換選項(xiàng)卡
鼠標(biāo)經(jīng)過鏈接顯示注釋旋轉(zhuǎn)風(fēng)火輪
指向自動(dòng)選擇的輸入框
放大鏡鏈接效果
帶注釋的鏈接特效
文字閃爍效果
帶注釋的鏈接特效代碼
點(diǎn)擊文字顯示隱藏鏈接
WEB2.0圓形邊框css做法
推薦特效代碼
字符連續(xù)消隱
文字變色逐個(gè)出現(xiàn)
段落文字百葉窗效果輸出
點(diǎn)擊文字顯示隱藏鏈接
文字由小變大由大變�。▌�(dòng)態(tài)變化
文字來回上下移動(dòng)或跳動(dòng)
網(wǎng)站首頁
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號(hào)-6
