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

首頁 > 編程 > HTML > 正文

html css js 實現Tab標簽頁示例代碼

2019-10-26 17:13:48
字體：大 中 小
來源：轉載
供稿：網友

復制代碼
代碼如下:
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="roots" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title></title>
<style type="text/css">
body{font:"宋體";font-size:12px;}
a:link,a:visited{font-size:12px;color:#666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
#Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;}
.Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;}
.Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;}
.Menubox ul li{float:left;background:#64B8E4;line-height:20px;display:block;cursor:pointer;width:65px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #64B8E4;border-left:1px solid #64B8E4;border-right:1px solid #64B8E4;}
.Menubox ul li.hover{background:#fff;border-bottom:1px solid #fff;color:#147AB8;}
.Contentbox{clear:both;margin-top:0px;border-top:none;height:181px;padding-top:8px;height:100%;}
.Contentbox ul{list-style:none;margin:7px;padding:0;}
.Contentbox ul li{line-height:24px;border-bottom:1px dotted #ccc;}
</style>
<script>
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>
<body>


<div id="Tab">
<div class="Menubox">
<ul>
<li id="menu1" onmouseover="setTab('menu',1,2)" class="hover">高職高專</li>
<li id="menu2" onmouseover="setTab('menu',2,2)" >民辦學校</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_menu_1" class="hover">
<ul>
<li>·<a href="#">北京工業職業技術學院</a></li>
<li>·<a href="#">北京財貿職業學院</a></li>
<li>·<a href="#">天津職業大學</a></li>
<li>·<a href="#">大連職業技術學院</a></li>
<li>·<a href="#">遼寧交通高等專科學校</a></li>
<li>·<a href="#">浙江金融職業學院</a></li>
<li>·<a href="#">山東商業職業技術學院</a></li>
<li>·<a href="#">寧波職業技術學院</a></li>
<li>·<a href="#">武漢職業技術學院</a></li>
</ul>
</div>
<div id="con_menu_2" style="display:none">
<ul>
<li>·<a href="#">江西藍天學院</a></li>
<li>·<a href="#">西安外事學院</a></li>
<li>·<a href="#">湖南涉外經濟學院</a></li>
<li>·<a href="#">西安翻譯學院</a></li>
<li>·<a href="#">三江學院</a></li>
<li>·<a href="#">北京城市學院</a></li>
<li>·<a href="#">黃河科技學院</a></li>
<li>·<a href="#">吉林華橋外國語學院</a></li>
<li>·<a href="#">浙江樹人學院</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲午夜激情免费视频| 久久久久一本一区二区青青蜜月| 欧美国产日本高清在线| 成人精品福利视频| 91亚洲午夜在线| 国产精品人人做人人爽| 不卡在线观看电视剧完整版| 欧美乱人伦中文字幕在线| 97视频人免费观看| 久久久亚洲影院| 久久精品99国产精品酒店日本| 91香蕉嫩草影院入口| 欧美中文在线观看| 亚洲97在线观看| 国产精品一区二区三区毛片淫片| 国产亚洲视频在线| 欧美最顶级的aⅴ艳星| 日韩美女视频中文字幕| 精品激情国产视频| 日韩大片在线观看视频| 久久91精品国产| 91亚洲午夜在线| 亚洲在线观看视频| 日韩在线一区二区三区免费视频| 伊人成人开心激情综合网| 在线观看亚洲视频| 精品国产精品三级精品av网址| 亚洲国产97在线精品一区| 91精品国产综合久久香蕉922| 久久国产精品首页| www高清在线视频日韩欧美| 成人av在线网址| 日韩欧美主播在线| 久久久免费精品| 欧美与黑人午夜性猛交久久久| 亚洲欧洲在线看| 国内精品中文字幕| 欧美大尺度在线观看| 欧美色videos| 欧美日韩第一视频| 国产日韩在线看片| 亚洲图片制服诱惑| 欧美与黑人午夜性猛交久久久| 国产精品吹潮在线观看| 国产成人久久久| 日韩在线播放一区| 亚洲免费中文字幕| 亚洲欧美制服中文字幕| 午夜精品福利电影| 中文字幕亚洲欧美日韩在线不卡| 国产日韩在线观看av| 国产日韩精品在线播放| 日韩美女免费线视频| 欧美美最猛性xxxxxx| 欧美在线激情视频| 欧美日韩国产中文精品字幕自在自线| 国产精品ⅴa在线观看h| 91久久精品日日躁夜夜躁国产| 国产精品入口福利| 91国产精品视频在线| 国产精品三级美女白浆呻吟| 欧美国产精品va在线观看| 国产精品爱久久久久久久| 亚洲影院高清在线| 欧美另类99xxxxx| 国产精品一香蕉国产线看观看| 91精品国产综合久久香蕉922| 麻豆精品精华液| 成人黄色激情网| 亚洲影院污污.| 欧美成人三级视频网站| 欧美怡红院视频一区二区三区| 夜夜嗨av一区二区三区免费区| 久久久国产视频91| 亚洲黄页视频免费观看| 欧美日韩中文在线观看| 亚洲电影免费观看高清完整版| 欧美亚洲国产日本| 国产精品手机播放| 久久九九热免费视频| 精品无人区太爽高潮在线播放| 国产精品入口免费视| 日本精品久久中文字幕佐佐木| 国产在线播放不卡| 亚洲丝袜一区在线| 日韩美女免费观看| 亚洲精品在线看| 国产主播在线一区| 欧美成人激情视频| 成人免费淫片视频软件| 亚洲电影免费观看高清完整版| 欧美专区在线观看| 国产成人拍精品视频午夜网站| 成人在线视频网| 国产精品亚洲一区二区三区| 91精品国产91久久久久久不卡| 亚洲综合视频1区| 国产精品7m视频| 欧美日韩在线免费观看| 日韩视频在线观看免费| 中文字幕日韩精品有码视频| 国产精品一久久香蕉国产线看观看| 色偷偷91综合久久噜噜| 久久久亚洲福利精品午夜| 国产激情综合五月久久| 亚洲综合在线中文字幕| 中文字幕免费国产精品| 精品无人区太爽高潮在线播放| 久久精品视频va| 久久国产精品电影| 国产做受高潮69| 国产视频久久久| 亚洲性av网站| 91精品国产高清自在线看超| 日韩欧美国产成人| 日韩精品在线观看一区二区| 一区二区三区在线播放欧美| 久久99精品久久久久久噜噜| 在线视频一区二区| 午夜伦理精品一区| 亚洲自拍在线观看| 久久久亚洲影院你懂的| 欧美黄色性视频| 国内精品久久久| 久久久国产视频91| 91精品国产综合久久香蕉| 成人黄色影片在线| 九色精品免费永久在线| 九九热99久久久国产盗摄| 久久久久久久电影一区| 日韩免费观看av| 久久久av亚洲男天堂| 欧美成人合集magnet| 日韩电影免费观看在线| 国产精品扒开腿做爽爽爽男男| 欧美成人精品在线播放| 尤物精品国产第一福利三区| 亚洲网站在线看| 国产欧美精品日韩精品| 日韩有码在线电影| 色噜噜狠狠狠综合曰曰曰88av| 亚洲国产美女久久久久| 中文字幕在线看视频国产欧美| 国产原创欧美精品| 亚洲综合一区二区不卡| 国产成人精品av在线| 欧美天堂在线观看| 91免费国产网站| 国产日韩欧美电影在线观看| 精品色蜜蜜精品视频在线观看| 欧美激情2020午夜免费观看| 欧美在线视频在线播放完整版免费观看| 91在线视频精品| 国产综合视频在线观看| 精品一区二区三区三区| 亚洲精品乱码久久久久久按摩观| 久久成人精品电影| 国产亚洲人成网站在线观看| 高清欧美性猛交| 中文字幕成人在线| 一区二区三区 在线观看视| 国产精品久在线观看| 亚洲午夜国产成人av电影男同| 久久视频在线直播|