左側(cè)豎向選項卡TAB_菜單導航特效

豎向TAB，左側(cè)，你一個菜單一樣，點擊左側(cè)任一選項，右側(cè)區(qū)域的內(nèi)容會隨著變化，用到首頁挺不錯的，希看大家喜歡。

<!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="mrc-type" mrc="text/html; charset=gb2312" />
<title>左側(cè)豎向選項卡TAB</title>
</head>
<style type="text/css">

</style>
<div style="width:600px">
 <div class="lfloat" style="width:126px">
 <ul id="nav">
 <li class="aa" id="tb_1" onClick="x:hoverli(1);">ASP版</li>
 <li class="bb" id="tb_2" onClick="i:hoverli(2);">PHP版</li>
 <li class="aa" id="tb_3" onClick="x:hoverli(3);">CGI版</li>
 <li class="aa" id="tb_4" onClick="x:hoverli(4);">JSP版</li>
 <li class="aa" id="tb_5" onClick="x:hoverli(5);">VBASIC版</li>
 <li class="aa" id="tb_6" onClick="x:hoverli(6);">VC++版</li>
 <li class="aa" id="tb_7" onClick="x:hoverli(7);">C#.NET版</li>
 <li class="aa" id="tb_8" onClick="x:hoverli(8);">ASP.NET版</li>
 <li class="aa" id="tb_9" onClick="x:hoverli(9);">AJAX版</li>
 <li class="aa" id="tb_10" onClick="x:hoverli(10);">EXTJS版</li>
 <li class="aa" id="tb_11" onClick="x:hoverli(11);">JQUERY版</li>
 </ul>
 </div>
 <div class="lfloat" style="width:450px;">
  <div id="newinfo">
     <div class="ctt list2">
    <div class="dis" id="tbc_01">
     ASP版
    </div>
    <div class="undis" id="tbc_02">
     PHP版
    </div>
    <div class="undis" id="tbc_03">
     CGI版
    </div>
    <div class="undis" id="tbc_04">
     JSP版
    </div>
    <div class="undis" id="tbc_05">
     VBASIC版
    </div>
    <div class="undis" id="tbc_06">
     VC++版
    </div>
    <div class="undis" id="tbc_07">
     C#.NET版
    </div>
    <div class="undis" id="tbc_08">
     ASP.NET版
    </div>
    <div class="undis" id="tbc_09">
     AJAX版
    </div>
    <div class="undis" id="tbc_010">
     EXTJS版
    </div>
    <div class="undis" id="tbc_011">
     JQUERY版
    </div>
   </div>
    </div>
 </div>
</div>
</div>


<script type="text/javascript" language="javascript">
//<!cdata[
function g(o){return document.getElementById(o);}
function hoverli(n){
for(var i=1;i<=11;i++){g('tb_'+i).className='aa';g('tbc_0'+i).className='undis';}g('tbc_0'+n).className='list2';g('tb_'+n).className='bb';
}
function fun(){
hoverli(3);
}
function hoverli2(n){
for(var i=1;i<=11;i++){g('js_'+i).className='aa';g('jsc_0'+i).className='undis';}g('jsc_0'+n).className='list2';g('js_'+n).className='bb';
}
function fun2(){
hoverli2(3);
}
function hoverli3(n){
for(var i=1;i<=11;i++){g('be_'+i).className='aa';g('bec_0'+i).className='undis';}g('bec_0'+n).className='list2';g('be_'+n).className='bb';
}
function fun3(){
hoverli2(3);
}
//假如要做成點擊后再轉(zhuǎn)到請將<li>中的onmouseover 改成 onclick;
</script>
<body>

</body>
</html>

所屬頻道：菜單導航特效/更新時間：2010-05-22

[收藏][報錯][返回列表]

相關(guān)菜單導航特效：

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復制本頁鏈接| 搜索左側(cè)豎向選項卡TAB
特效說明：
菜單導航模板-左側(cè)豎向選項卡TAB。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

左側(cè)豎向選項卡TAB_菜單導航特效

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些