丝袜足脚交91精品,精品1区2区,精品伦理一区二区三区

一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強(qiáng)的

深山行者個(gè)人網(wǎng)站 2008/6/24 12:55:26 深山行者字體:大中小瀏覽 4461

以下為詳細(xì)代碼

/*______________01號標(biāo)簽_____________*/
/*大欄目樣式*/
.bigmenu00 {float:left;}
.bigmenu00 li {line-height:32px;width:80px;}
.bigmenu01 {border:solid 1px #ffb435;background:#fff;color:#fe8939;}
.bigmenu02 {border:solid 1px #ffb435;background:#fcf1eb;color:#fe8939;}

/*小欄目樣式*/
.sallmenu00 {float:left;}
.sallmenu00 li {line-height:28px;}
.sallmenuall {color:#787878;font-weight:bold;}

/*______________02號標(biāo)簽_____________*/
/*大欄目樣式*/
.bmenu00 {float:left;}
.bmenu00 li {line-height:32px;width:80px;}
.bmenu01 {border:solid 1px #fff;background:green;color:#fe8939;}
.bmenu02 {border:solid 1px #fff;background:red;color:#fe8939;}

/*小欄目樣式*/
.smenu00 {float:left;}
.smenu00 li {line-height:28px;}
.smenuall {color:green;background:#f0f0f0;font-weight:bold;}

/*______________03號標(biāo)簽_____________*/
/*大欄目樣式*/
.b3menu00 {float:left;}
.b3menu00 li {line-height:32px;width:80px;}
.b3menu01 {border:solid 2px green;background:#fff;color:green;font-weight:bold;}
.b3menu02 {border:solid 2px red;background:#fff;color:red;font-weight:bold;}

/*小欄目樣式*/
.s3menu00 {float:left;}
.s3menu00 li {line-height:28px;}
.s3menuall {color:#fff;background:#000;font-weight:bold;}

.fn12bold {font-weight:bold;color:#fdd0b1;font-size:16px;}

</style>
一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強(qiáng)的
                   
<script type="text/javascript">
var oldobjul = new Array(1, 1, 1, 1); //歷史選中ul和li選中對象索引

// m 選中第m個(gè)li對象索引
// n 顯示第n個(gè)ul對象索引
// cname 樣式名稱通用對象, 例:選中狀態(tài) class01, 未選中狀態(tài) class02, 即cname為class0            
function setTab(m, n, cname)  
{
 if (m != null && n != null && cname != null)
 {
  if (oldobjul[m] != null)
  {
   var oldli = document.getElementById("li" + m.toString() + oldobjul[m].toString());
   var oldul = document.getElementById("ul" + m.toString() + oldobjul[m].toString());
   oldli.className = cname + "2";
   oldul.style.display = "none";
  }
  
  var li = document.getElementById("li" + m.toString() + n.toString());
  var ul = document.getElementById("ul" + m.toString() + n.toString());
  li.className = cname + "1";
  ul.style.display = "block";
  oldobjul[m] = n;
 }
}
</script>     
        
 
<ul class="bigmenu00">                        
 <li id="li01" class="bigmenu01" onmouseover="setTab(0, 1, 'bigmenu0')"><span class="fn12bold">01</span>我要推薦</li>
 <li id="li02" class="bigmenu02" onmouseover="setTab(0, 2, 'bigmenu0')"><span class="fn12bold">02</span>我要查找</li>
 <li id="li03" class="bigmenu02" onmouseover="setTab(0, 3, 'bigmenu0')"><span class="fn12bold">02</span>第三個(gè)</li>
 <li id="li04" class="bigmenu02" onmouseover="setTab(0, 4, 'bigmenu0')"><span class="fn12bold">02</span>這是4444</li>     
</ul>

<ul id="ul01" class="sallmenu00">                        
 <li class="sallmenuall">我要向360500推薦我的商鋪</li> 
</ul>

<ul id="ul02" class="sallmenu00" style="display:none;">                        
 <li class="sallmenuall">查找感興趣的商鋪</li>                  
</ul>

<ul id="ul03" class="sallmenu00" style="display:none;">                        
 <li class="sallmenuall">三三三三三三三三三三三三</li>                  
</ul>

<div style="clear:both;float:left;">
<ul class="bmenu00">                        
 <li id="li11" class="bmenu01" onmouseover="setTab(1, 1, 'bmenu0')"><span class="fn12bold">01</span>我要推薦</li>
 <li id="li12" class="bmenu02" onmouseover="setTab(1, 2, 'bmenu0')"><span class="fn12bold">02</span>我要查找</li>
 <li id="li13" class="bmenu02" onmouseover="setTab(1, 3, 'bmenu0')"><span class="fn12bold">02</span>第三個(gè)</li>
 <li id="li14" class="bmenu02" onmouseover="setTab(1, 4, 'bmenu0')"><span class="fn12bold">02</span>這是4444</li>             
</ul>

<ul id="ul11" class="smenu00">                        
 <li class="smenuall">1111111</li> 
</ul>
<ul id="ul12" class="smenu00" style="display:none;">                        
 <li class="smenuall">2222222</li> 
</ul>
<ul id="ul13" class="smenu00" style="display:none;">                        
 <li class="smenuall">3333333</li> 
</ul>
<ul id="ul14" class="smenu00" style="display:none;">                        
 <li class="smenuall">我要向360500推薦我的商鋪</li> 
</ul>

<div style="clear:both;float:left;position:absolute;top:300px;">
<ul class="b3menu00">                        
 <li id="li21" class="b3menu01" onmouseover="setTab(2, 1, 'b3menu0')"><span class="fn12bold">01</span>我要推薦</li>
 <li id="li22" class="b3menu02" onmouseover="setTab(2, 2, 'b3menu0')"><span class="fn12bold">02</span>我要查找</li>
 <li id="li23" class="b3menu02" onmouseover="setTab(2, 3, 'b3menu0')"><span class="fn12bold">02</span>第三個(gè)</li>
 <li id="li24" class="b3menu02" onmouseover="setTab(2, 4, 'b3menu0')"><span class="fn12bold">02</span>這是4444</li>
</ul>

<ul id="ul21" class="s3menu00">                        
 <li class="s3menuall">aaaaa</li> 
</ul> 
<ul id="ul22" class="s3menu00" style="display:none;">                        
 <li class="s3menuall">bbbbb</li> 
</ul>
<ul id="ul23" class="s3menu00" style="display:none;">                        
 <li class="s3menuall">ccccc</li> 
</ul>
<ul id="ul24" class="s3menu00" style="display:none;">                        
 <li class="s3menuall">我要向360500推薦我的商鋪</li> 
</ul>

<div style="clear:both;float:left;position:absolute;top:300px;">
<ul class="b3menu00">                        
 <li id="li31" class="b3menu01" onmouseover="setTab(3, 1, 'b3menu0')"><span class="fn12bold">01</span>我要推薦</li>
 <li id="li32" class="b3menu02" onmouseover="setTab(3, 2, 'b3menu0')"><span class="fn12bold">02</span>我要查找</li>
</ul>

<ul id="ul31" class="s3menu00">                        
 <li class="s3menuall">aaaaa</li> 
</ul> 
<ul id="ul32" class="s3menu00" style="display:none;">                        
 <li class="s3menuall">bbbbb</li> 
</ul>

前一頁:另外的一種單項(xiàng)的選擇

后一頁:另外一種符合web2.0的鏈接打開方式--利用base打開鏈接

相關(guān)閱讀: 長城國際集團(tuán)有限公司; 如果你每天上網(wǎng)超過4個(gè)小時(shí)請按照以下方法做。; dreawmeaver中鮮為人知的小秘訣,讓你制作網(wǎng)頁更加隨心所欲.; Appium獲取手機(jī)分辨率 & 自適應(yīng)設(shè)備下滑刷新; 雙擊文字后實(shí)現(xiàn)編輯文本功能; 圣誕節(jié)12.5號，卡通形象留言板模板; CSS教程：弄懂閉合浮動(dòng)元素; css優(yōu)先級的例子

共有0條關(guān)于《一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強(qiáng)的》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 汽車租賃系統(tǒng); 熟記ASP+Access數(shù)據(jù)庫的18條安全法則; 超級實(shí)用且不花哨的js代碼大全( 6 ); window.location.href跳轉(zhuǎn)無反應(yīng)不跳轉(zhuǎn)解決; '禁止站外提交頁面和數(shù)據(jù); 一次自動(dòng)化批量處理服務(wù)器上幾萬張圖片

更多標(biāo)簽熱門標(biāo)簽

返回調(diào)色右擊失效 265 weatherxml web2.0 調(diào)節(jié) 虛擬創(chuàng)建代碼 css 素材 ul javascri 容器 Session DW 鍵盤目標(biāo) 字母貨幣 FireFox 首頁珍惜讀取快捷鍵留言次數(shù) 文字展示緩存配色 javascript 導(dǎo)航高亮關(guān)鍵字想 web 2.0 Dreamweaver 預(yù)覽案例 FlashFxp getElementById 鏈接絕對管用的iis安裝包下載拖動(dòng) ie5.5 jpg 兼容夢幻經(jīng)典叛斷

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強(qiáng)的