日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区
模板無(wú)憂(yōu)
網(wǎng)頁(yè)特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無(wú)憂(yōu)首頁(yè)
網(wǎng)頁(yè)模板
程序模板
建站教程
視頻教程
網(wǎng)頁(yè)特效
圖標(biāo)素材
字體下載
站長(zhǎng)工具
站長(zhǎng)問(wèn)答
網(wǎng)頁(yè)特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁(yè)面背景
表單按鈕
日期時(shí)間
計(jì)算轉(zhuǎn)換
鍵盤(pán)鼠標(biāo)
瀏覽器
游戲娛樂(lè)
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線(xiàn)編輯器
Mootools
HTML
JS廣告代碼合集
站長(zhǎng)工具
站長(zhǎng)常用軟件
網(wǎng)站綜合查詢(xún)
Alexa排名查詢(xún)
Google PR查詢(xún)
域名Whois查詢(xún)
網(wǎng)站收錄查詢(xún)
友情鏈接查詢(xún)
CSS2中文手冊(cè)
CSS精簡(jiǎn)優(yōu)化工具
網(wǎng)頁(yè)特效代碼
模板無(wú)憂(yōu)
>
網(wǎng)頁(yè)特效
>
菜單導(dǎo)航特效代碼
>
收藏
分享
查看評(píng)論
菜單導(dǎo)航
演示
隱藏菜單效果_菜單導(dǎo)航特效
查看演示效果
特效Tag:
菜單
效果
添加
此文來(lái)自_模板無(wú)憂(yōu)_www.hl5o.cn
<style> #menuShow{ border: 1px solid #999999; background-color: #cccccc; padding: 0px; font-size: 10px; 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; height: 24px; } a { font-family: "tahoma"; font-size: 10px; line-height: 16px; color: #333333; text-decoration: none} a:hover { font-family: "tahoma"; font-size: 10px; line-height: 16px; color: #FFFFFF; text-decoration: none} </style> <body bgcolor="#FFFFFF" text="#000000"> <div id="menuSelect" style="">
<img src="http://p1.mb5u.com/texiao/2010052300481146.gif" width="161" height="24" border="0"></a></div> <div id="menuShow" style="" align="center">
<img src="http://p1.mb5u.com/texiao/2010052300481147.gif" width="161" height="24" border="0"></a> <br> <a href="http://www.hl5o.cn">模板無(wú)憂(yōu)</a><br> <a href="http://sc.mb5u.com" >模板無(wú)憂(yōu)素材</a><br> <a href="http://www.hl5o.cn">Menu Item C</a><br> <br> <a href="http://www.hl5o.cn">Menu Item D</a><br> <a href="http://www.hl5o.cn">Menu Item E</a><br> <br> <a href="http://www.hl5o.cn">Menu Item F</a><br> <a href="http://www.hl5o.cn">Menu Item G</a><br> <a href="http://www.hl5o.cn">Menu Item H</a><br> </div> <SCRIPT LANGUAGE="JavaScript"> // Set Show to "yes" to show the menu on start-up. // Set Show to "no" to show the selector on start-up. Show ="no"; // Set OffX in pixels to a negative number // somewhat larger than the width of the menu. var OffX = -200; // Set the PosX and PosY variables // to the location on the screen where the // menu should position (in pixels) when stopped. var PosX = 10; var PosY = 10; // Usually, use the settings shown; but you can // change the speed and the increment of motion // across the screen, below. var speed = 5; var increment = 5; var incrementNS4 = 5; // for slower NS4 browsers // do not edit below this line // =========================== 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"; } function moveOnMenu() { if (MenuX < PosX) { MenuX = MenuX + increment; if (is_NS5up) { document.getElementById('menuShow').style.left = MenuX+"px"; } else { eval(Lq+'menuShow'+Sq+'.left=MenuX'); } setTimeout('moveOnMenu()',speed); } } function moveOffMenu() { if (MenuX > OffX) { MenuX = MenuX - increment; if (is_NS5up) { document.getElementById('menuShow').style.left = MenuX+"px"; } else { eval(Lq+'menuShow'+Sq+'.left=MenuX'); } setTimeout('moveOffMenu()',speed); } } function moveOffSelector() { if (SelX > OffX) { SelX = SelX - increment; if (is_NS5up) { document.getElementById('menuSelect').style.left = SelX+"px"; } else { eval(Lq+'menuSelect'+Sq+'.left=SelX'); } setTimeout('moveOffSelector()',speed); } } function moveOnSelector() { if (SelX < PosX) { SelX = SelX + increment; if (is_NS5up) { document.getElementById('menuSelect').style.left = SelX+"px"; } else { eval(Lq+'menuSelect'+Sq+'.left=SelX'); } setTimeout('moveOnSelector()',speed); } } </script>
所屬頻道:
菜單導(dǎo)航特效
/
更新時(shí)間:2011-02-23
[收藏]
[報(bào)錯(cuò)]
[返回列表]
相關(guān)
菜單導(dǎo)航特效
:
CSS+div+js組合強(qiáng)大實(shí)現(xiàn)超酷菜單
超酷仿GOOGLE首頁(yè)導(dǎo)航菜單效果
仿網(wǎng)易的滑動(dòng)門(mén)技術(shù)DIV+CSS實(shí)現(xiàn)
仿藍(lán)色理想網(wǎng)站的導(dǎo)航菜單
鼠標(biāo)觸及帶邊框菜單
用JS實(shí)現(xiàn)的類(lèi)似框架的鏈接導(dǎo)航模式
CSS立體層
右鍵彈出菜單
純css的導(dǎo)航下拉菜單
css模擬title和alt的提示效果
下拉菜單鏈接頁(yè)面打開(kāi)方式選擇
跳動(dòng)的菜單
菜單導(dǎo)航特效Rss訂閱
特效代碼搜索
菜單導(dǎo)航特效推薦
一個(gè)較酷的層疊式下拉菜單
DIV學(xué)寫(xiě)帶動(dòng)畫(huà)的CSS+JS下拉導(dǎo)航條
純CSS的選項(xiàng)卡(面試題)
仿QQ的下拉折疊菜單
同一網(wǎng)頁(yè)使用多個(gè)滑動(dòng)門(mén)(選項(xiàng)卡)的方法
日本門(mén)戶(hù)網(wǎng)站的經(jīng)典選項(xiàng)卡導(dǎo)航
一個(gè)選項(xiàng)卡Tab的雛形
JS+CSS另類(lèi)折疊菜單
CSS+JSS滾動(dòng)切換的選項(xiàng)卡【薦】
帶缺口導(dǎo)航的CSS菜單欄
猜你也喜歡看這些
右下角隨機(jī)顯示的JS圖片廣告
圖片的漸顯播放效果的代碼
最簡(jiǎn)單的JavaScript圖片交替切換的雛形代碼
jQuery 1.4 循環(huán)圖片滾動(dòng)
鼠標(biāo)放上圖片錯(cuò)位效果
jQuery 圖片拉伸放大效果代碼
基于marquee類(lèi)帶停頓橫向圖片滾動(dòng)代碼
感應(yīng)鼠標(biāo)的圖片遮罩動(dòng)畫(huà)效果
圖片閃爍代碼
同一頁(yè)面調(diào)用并顯示多個(gè)圖片幻燈切換效果
相關(guān)鏈接:
復(fù)制本頁(yè)鏈接
|
搜索隱藏菜單效果
特效說(shuō)明:
菜單導(dǎo)航模板
-
隱藏菜單效果
。