隱藏在左側(cè)，鼠標(biāo)點(diǎn)擊展開CSS菜單_菜單導(dǎo)航特效

平時隱躲在左側(cè)的CSS動感菜單，像很多導(dǎo)航菜單一樣，不點(diǎn)擊的時候隱躲在網(wǎng)頁左側(cè)，鼠標(biāo)放上后自動展開，本款是鼠標(biāo)點(diǎn)擊后才激活，然后動畫出現(xiàn)，個人感覺比鼠標(biāo)放上就觸發(fā)的要好一點(diǎn)，這樣更符合瀏覽者的意愿。

<!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>
<title>隱藏菜單</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<style>  
#menuShow{  
border: 1px solid #666666;  
background-color: #EEEEEE;  
padding: 0px;  
font-size: 12px;  
font-family: tahoma;  
position: absolute;  
width: 161px;  
height: auto;  
}

#menuSelect{  
border: 1px solid #999999;  
background-color: #cccccc;  
padding: 0px;  
font-size: 10px;  
font-family: tahoma;  
position: absolute;  
width: 161px;  
}

a {  font-family: "tahoma"; font-size: 12px; line-height: 23px; color: #555555; text-decoration: none}  
a:hover {color: #0066CC; text-decoration: none}  
</style> 
</head> 
<body> 
<body bgcolor="#FFFFFF" text="#000000">  
<div id="menuSelect" style=""> <a href="#" onClick="moveOnMenu();moveOffSelector()">   
  <img src="http://p1.mb5u.com/texiao/click1.gif" border="0"></a></div>  
<div id="menuShow" style="" align="center"> <a href="#" onClick="moveOffMenu();moveOnSelector()">   
  <img src="http://p1.mb5u.com/texiao/click.gif" border="0">隱藏菜單</a> <br>
<a href="/sort/list_1_1.shtml">ASP</a><br>
<a href="/sort/list_2_1.shtml">PHP</a><br>
<a href="/sort/list_3_1.shtml">.NET</a><br>
<a href="/sort/list_11_1.shtml">腳本資源</a><br>
<a href="/sort/list_11_112_1.shtml">jQuery</a><br>
<a href="/sort/list_7_1.shtml">電子書籍</a><br>
<a href="/sort/list_6_1.shtml">工具軟件</a>
</div>  
<SCRIPT LANGUAGE="JavaScript">  
Show ="no";  
var OffX = -200;  
var PosX =  10;  
var PosY =  10;  
var speed        = 5;  
var increment    = 5;  
var incrementNS4 = 5; 
var is_NS = navigator.appName=="Netscape";  
var is_Ver = parseInt(navigator.appVersion);  
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;  
var is_NS5up = is_NS&&is_Ver>=5;

var MenuX = OffX;  
var SelX = PosX;  
var sPosX = PosX;  
var sOffX = OffX;

if (Show == "yes") {  
sPosX = OffX;  
sOffX = PosX;  
MenuX = sOffX;  
SelX = sPosX;  
}

if (is_NS4) {  
increment = incrementNS4;  
Lq = "document.layers.";  
Sq = "";  
eval(Lq+'menuSelect'+Sq+'.left=sPosX');  
eval(Lq+'menuShow'+Sq+'.left=sOffX');  
eval(Lq+'menuSelect'+Sq+'.top=PosY');  
eval(Lq+'menuShow'+Sq+'.top=PosY');  
} else {  
Lq = "document.all.";  
Sq = ".style";  
document.getElementById('menuSelect').style.left = sPosX+"px";  
document.getElementById('menuShow').style.left = sOffX+"px";  
document.getElementById('menuSelect').style.top = PosY+"px";  
document.getElementById('menuShow').style.top = PosY+"px";  
}

所屬頻道：菜單導(dǎo)航特效/更新時間：2011-02-24

[收藏][報(bào)錯][返回列表]

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

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索隱藏在左側(cè)，鼠標(biāo)點(diǎn)擊展開CSS菜單
特效說明：
菜單導(dǎo)航模板-隱藏在左側(cè)，鼠標(biāo)點(diǎn)擊展開CSS菜單。

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

隱藏在左側(cè)，鼠標(biāo)點(diǎn)擊展開CSS菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些