一级录像免费录像在线观看,成年视频免费,风间由美bd456高清在线

一個更加高級的CSS菜單,絕對實用,超強的

深山行者個人網站 2008/6/24 12:55:26 深山行者字體:大中小瀏覽 4305

以下為詳細代碼

/*______________01號標簽_____________*/
/*大欄目樣式*/
.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號標簽_____________*/
/*大欄目樣式*/
.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號標簽_____________*/
/*大欄目樣式*/
.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>
一個更加高級的CSS菜單,絕對實用,超強的
                   
<script type="text/javascript">
var oldobjul = new Array(1, 1, 1, 1); //歷史選中ul和li選中對象索引

// m 選中第m個li對象索引
// n 顯示第n個ul對象索引
// cname 樣式名稱通用對象, 例:選中狀態 class01, 未選中狀態 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>第三個</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>第三個</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>第三個</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>

前一頁:另外的一種單項的選擇

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

相關閱讀: asp數組隨機排序; 自由鳥旅行社; asp利用XMLHTTP獲取xml數據方法; asp簡繁體轉換函數（含3500漢字對照表）; 正則表達式全部符號解釋; 利用JavaScript獲取現在時間日期與農歷; 旅行社線路主題默認模板4; 計算文本框字節數

共有0條關于《一個更加高級的CSS菜單,絕對實用,超強的》的評論: 發表評論

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

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

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

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

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

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

更多>>隨機抽取信息: 做在線客服時，聊天窗口的div滾動條始終在底部; 利用JavaScript獲取現在時間日期與農歷; ASP中控制輸出字符串的長度; 旅行社網站模板默認風格1; 文本框禁止方式; jquery實現下拉加載更多

更多標簽熱門標簽

cookies 個性 class 省略網頁 option 特效計算 photoshop 訪問量 email 叛斷 confirm 管理系統樹型 script 加密 openwin 凹陷酷執行快捷 Session 工作鎯 tags 商城隨機 div CSS 上下左右 DIV CSS做的透明菜單兼容IE、FF等 select 按鈕動畫半透明分隔符 csss 選項 FTP 偽類垂直層移動驗證碼變大創業高亮 Java 參數記錄

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

一個更加高級的CSS菜單,絕對實用,超強的

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷