亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

QQ網站的選項卡、滑動門菜單

2024-09-05 12:19:23

字體：大中小

來源：轉載

供稿：網友

來自騰訊QQ網站首頁的滑動門菜單，灰色風格，簡潔清新，CSS+JS實現，可以一行兩列顯示，自動省略多出的內容，整齊美觀，值得借鑒一下。

<!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=utf-8" /><title>滑動門、選項卡</title><script type="text/javascript"></script><style type="text/css">* { margin:0; padding:0; word-break:break-all; }body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; }h1, h2, h3, h4, h5, h6 { font-size:1em; }a { color:#1F376D; text-decoration:none; }a:hover { color:#BD0A01; text-decoration:underline; }ul, li { list-style:none; }fieldset, img { border:none; }.board { width:409px; margin:50px; }.board_caption { height:27px; background:url(/jscss/demoimg/200903/tabsbg.gif) no-repeat 0 0; }.board_caption h3 { float:left; width:73px; height:22px; height:20px; padding:3px 0 4px; margin-right:1px; background:url(/jscss/demoimg/200903/tabsbg.gif) no-repeat; text-align:center; line-height:20px; font-weight:normal; cursor:pointer; }.board_caption h3 a { display:block; width:100%; }.board_caption .normal { background-position:-100px -50px; }.board_caption .current { background-position:0 -50px; font-weight:bold; }.board_content { padding:0 0 5px; border-right:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; border-left:1px solid #D4D4D4;}.board_content .normal { display:none; }.board_content .current { display:block; }.board_content ul { width:98%; overflow:hidden; padding:5px 0 0 5px; }.board_content ul li { display:inline; float:left; width:180px; height:24px; overflow:hidden; margin-left:6px; padding-left:8px; background:#FFF url(/jscss/demoimg/200903/tabsbg.gif) no-repeat 0 -88px; line-height:24px; }.board_content ul li a { font-size:14px; }</style><script type="text/javascript">function secBoard(elementID,listName,n) {var elem = document.getElementById(elementID);var elemlist = elem.getElementsByTagName("h3");for (var i=0; i<elemlist.length; i++) {elemlist[i].className = "normal";var m = i+1;document.getElementById(listName+"_"+m).className = "normal";}elemlist[n-1].className = "current";document.getElementById(listName+"_"+n).className = "current";}</script></head><body><div   id="rpbjtjn"   class="board"><div   id="lrzprhn"   class="board_caption" id="hotinfo_caption"><h3 class="current">源碼</h3><h3 class="normal">科技</h3><h3 class="normal">軟件</h3></div><div   id="hvxfxfj"   class="board_content"><div   id="bfxfhlp"   class="current" id="infolist_1"><ul><li>VB遠程網絡監視、文件傳輸、消息發送實例程序</li><li>一款超強的VB網絡工具箱源程序</li><li>開源指法練習打字軟件VB版</li><li>Magento開源網店 v1.2</li></ul></div><div   id="xbdfvjp"   class="normal" id="infolist_2"><ul><li>ASP FSO在線文件管理、上傳、編輯系統</li><li>VB托盤氣泡提示控件</li><li>一款Java網絡格斗游戲源碼</li><li>因特達Access數據庫在線管理工具 v9.0</li></ul></div><div   id="vrdfzxh"   class="normal" id="infolist_3"><ul><li>VB6寫的MSSQL數據庫管理工具</li><li>osFileManager PHP網站文件管理系統 v2.2</li><li>56770 Eshop 樂彼網上開店系統 v8.4</li><li>JAVA實現CLDC與MIDP底層編程的代碼</li></ul></div></div></div></body></html>

上一篇：簡約CSS滑動門 (Tabs)

下一篇：X-Menu 動感導航菜單

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

亚洲精美色品网站| 亚洲aⅴ日韩av电影在线观看| 亚洲va欧美va国产综合剧情| 日韩高清电影好看的电视剧电影| 中文字幕日韩av电影| 欧美亚洲视频在线看网址| 成人中文字幕在线观看| 亚洲国产成人久久综合一区| 97婷婷大伊香蕉精品视频| 日韩在线小视频| 精品亚洲男同gayvideo网站| 91精品国产高清自在线看超| 国产ts一区二区| 久久精品国产精品亚洲| 国产日韩在线看片| 亚洲最大在线视频| 欧美日韩亚洲激情| 欧美激情一区二区三区成人| 97国产一区二区精品久久呦| 国产一区二区三区高清在线观看| 91香蕉电影院| 欧美日韩另类视频| 中文字幕精品www乱入免费视频| 中文字幕日韩av| 欧美二区乱c黑人| 欧美日本亚洲视频| 久久精品国产一区二区电影| 久久99国产精品久久久久久久久| 日韩亚洲欧美成人| 亚洲最新av在线网站| 国产精品久久久久久久久久久新郎| 日韩av电影手机在线| 国产精品第2页| 人人爽久久涩噜噜噜网站| 国产在线98福利播放视频| 精品中文字幕乱| 国产一区二区三区在线| 欧美日韩在线视频一区二区| 亚洲国产99精品国自产| 亚洲成人久久久久| 欧美电影免费播放| 亚洲电影中文字幕| 国产999精品视频| 亚洲成人精品视频在线观看| 国产精品久久久久久亚洲调教| 日本久久91av| 国产99视频精品免视看7| 国产精品亚洲激情| 在线成人激情视频| 免费99精品国产自在在线| 精品久久久久久| 91中文在线观看| 久久av在线看| 亚洲男人第一网站| 91精品国产九九九久久久亚洲| 久久精视频免费在线久久完整在线看| 韩国一区二区电影| 精品视频久久久久久| 日韩精品一区二区三区第95| 欧美日韩国产999| 欧美成人免费一级人片100| 亚洲午夜精品视频| 欧美尤物巨大精品爽| www.亚洲男人天堂| 亚洲午夜激情免费视频| 精品国产老师黑色丝袜高跟鞋| 亚洲性生活视频在线观看| 亚洲久久久久久久久久久| 97av在线视频| 日韩欧美中文字幕在线播放| 亚洲日韩中文字幕| 午夜精品一区二区三区在线视| 97在线精品视频| 全亚洲最色的网站在线观看| 国产精品成人免费电影| 国产精品美女www爽爽爽视频| 国产精品久久久久久久天堂| xx视频.9999.com| 欧美有码在线观看视频| 日韩av三级在线观看| 亚洲系列中文字幕| 国产精品88a∨| 欧美在线观看www| 欧美电影在线观看高清| 国产精品678| 国产精品高潮视频| 欧美大胆在线视频| 亚洲综合日韩在线| 欧美大片大片在线播放| 亚洲人午夜色婷婷| 综合网日日天干夜夜久久| 国产精品99久久99久久久二8| 亚洲欧美制服第一页| 欧美另类第一页| 久久久之久亚州精品露出| 欧美老少做受xxxx高潮| 久久伊人色综合| 色偷偷av一区二区三区乱| 91久久国产精品91久久性色| 欧美日韩综合视频网址| 精品视频一区在线视频| 欧美精品videos性欧美| 久久精品国产69国产精品亚洲| 91欧美视频网站| 国产精品一区二区三区在线播放| 日韩一区二区在线视频| 中文字幕在线国产精品| 中文字幕亚洲第一| 久久黄色av网站| 成人国产亚洲精品a区天堂华泰| 国产亚洲日本欧美韩国| 精品日韩美女的视频高清| 亚洲精品视频中文字幕| 国产精品亚洲第一区| 在线日韩欧美视频| 欧美激情一区二区三级高清视频| 一本久久综合亚洲鲁鲁| 国产99在线|中文| 欧美性xxxx| 日韩激情在线视频| 成人精品久久久| 日韩av电影在线免费播放| 色妞一区二区三区| 亚洲欧美综合精品久久成人| 2019亚洲日韩新视频| 亚洲免费电影在线观看| 日本久久久a级免费| 91免费看片在线| 97视频国产在线| 亚洲小视频在线观看| 2019亚洲男人天堂| 日韩电影免费观看在线观看| 久久精视频免费在线久久完整在线看| 欧美精品www在线观看| 久久综合久久88| 亚洲精品国产综合区久久久久久久| 伊人久久精品视频| 色妞一区二区三区| 欧美成人性生活| 18一19gay欧美视频网站| 亚洲欧美日韩国产成人| 国产精品久久一区主播| 91久久精品久久国产性色也91| 国产一区二区美女视频| 久久噜噜噜精品国产亚洲综合| 欧美国产日本高清在线| 91久久精品日日躁夜夜躁国产| 欧美综合激情网| 日韩av综合网| 亚洲最大成人在线| 国产精品视频男人的天堂| 国产精品旅馆在线| 欧美日韩国产中字| 亚洲视频免费一区| 国内精品国产三级国产在线专| 日韩电影中文亚洲精品乱码| 韩国三级电影久久久久久| 亚洲精品美女在线观看| 亚洲欧美自拍一区| 欧美激情国内偷拍| 日韩国产高清污视频在线观看| 欧美肥老太性生活视频| 国产国产精品人在线视| 国产精品成av人在线视午夜片|