日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区
模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標(biāo)素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉(zhuǎn)換
鍵盤鼠標(biāo)
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
菜單導(dǎo)航特效代碼
>
收藏
分享
查看評論
菜單導(dǎo)航
演示
很平和的一個CSs圓角導(dǎo)航_菜單導(dǎo)航特效
查看演示效果
特效Tag:
CSS菜單
添加
很平和的一個CSs圓角導(dǎo)航,使用圖片修飾了圓角,效果不錯。
<!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>一個CSs圓角導(dǎo)航</title> <meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /> <style type="text/css"> <!-- body { font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; } #navigation { background: #AFD5E0 url(http://p1.mb5u.com/texiao/1/bg-nav.gif) repeat-x; border: 1px solid #979797; border-width: 1px 0; font-size: 1.1em; margin-top: 1em; padding-top: .6em; } #navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; } #navigation ul { padding: 5px 0 4px; text-align: center; } #navigation ul li { display: inline; margin-right: .75em; } #navigation ul li.last { margin-right: 0; } #navigation ul li a { background: url(http://p1.mb5u.com/texiao/1/tab-right.gif) no-repeat 100% 0; color: #06C; padding: 5px 0; text-decoration: none; } #navigation ul li a span { background: url(http://p1.mb5u.com/texiao/1/tab-left.gif) no-repeat; padding: 5px 1em; } #navigation ul li a:hover span { color: #69C; text-decoration: underline; } /*\*//*/ #navigation ul li a { display: inline-block; white-space: nowrap; width: 1px; } #navigation ul { padding-bottom: 0; margin-bottom: -1px; } / */ /*\*/ * html #navigation ul li a { padding: 0; } /**/ // --> </style> </head> <body> <div id="navigation"> <ul> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Our Work</span></a></li> <li><a href="#"><span>Products</span></a></li> <li class="last"><a href="#"><span>Contact Us</span></a></li> </ul> </div> </body> </html>
所屬頻道:
菜單導(dǎo)航特效
/
更新時間:2011-02-24
[收藏]
[報錯]
[返回列表]
相關(guān)
菜單導(dǎo)航特效
:
CSS+div+js組合強(qiáng)大實現(xiàn)超酷菜單
超酷仿GOOGLE首頁導(dǎo)航菜單效果
仿網(wǎng)易的滑動門技術(shù)DIV+CSS實現(xiàn)
仿藍(lán)色理想網(wǎng)站的導(dǎo)航菜單
鼠標(biāo)觸及帶邊框菜單
用JS實現(xiàn)的類似框架的鏈接導(dǎo)航模式
CSS立體層
右鍵彈出菜單
純css的導(dǎo)航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導(dǎo)航特效Rss訂閱
特效代碼搜索
菜單導(dǎo)航特效推薦
CSS漂亮的弧形按鈕菜單
類似淘寶一樣的純CSS導(dǎo)航菜單
帶標(biāo)記滑動的JS+CSS菜單
JS+CSS可隱藏的左側(cè)展開、折疊菜單
簡單明了的CSS導(dǎo)航條
會活動的導(dǎo)航菜單
絕對酷的黑色風(fēng)格二級導(dǎo)航菜單
鼠標(biāo)放上圖標(biāo)會閃爍的菜單
鼠標(biāo)放上彈出仿QQ下拉菜單的代碼
又一個超強(qiáng)的橫向6級展開菜單
猜你也喜歡看這些
圖片的左右移動,動畫特效實現(xiàn)
規(guī)定區(qū)域的JS拖動展示效果
鼠標(biāo)經(jīng)過圖片時顯示半透明文字,邊框變色
Marquee 圖片滾動特效
CSS使用圖片完美修飾的全兼容圓角框
Js動態(tài)改變圖片的透明度
Javascript圖片幻燈效果
圖片旋轉(zhuǎn)展示,仿騰訊QQ網(wǎng)的特效
可控制切換的圖片幻燈切換效果
橫向的JavaScript圖片滾動
相關(guān)鏈接:
復(fù)制本頁鏈接
|
搜索很平和的一個CSs圓角導(dǎo)航
特效說明:
菜單導(dǎo)航模板
-
很平和的一個CSs圓角導(dǎo)航
。