模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
菜單導航特效代碼
>
收藏
分享
查看評論
菜單導航
演示
CSS制作的中英文雙語菜單_菜單導航特效
查看演示效果
特效Tag:
雙語菜單
添加
CSS制作的中英文雙語菜單,利用SPAN屬性的原理制作。
<!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> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <title>中英文雙語菜單</title> <style type="text/css"> <!-- ul { list-style-type: none; } li { float: left; display: block; width: 100px; } a { font-size: 9pt; font-weight: bold; color: #006699; text-decoration: none; line-height: 12px; width: 100px; display: block; vertical-align: middle; } a:hover { line-height: 12px; color: #FF9900; text-decoration: none; } #enFont{ font-size: 10px; color: #999999; width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; float:left; } span{margin:0px;padding:0px;} --> </style> </head> <body> <ul> <li><a href="/">網站首頁</a><span id="enFont">HOME</span></li> <li><a href="/sort/index.shtml">最新更新</a><span id="enFont">NEW</span></li> <li><a href="/sort/index.shtml">下載排行</a><span id="enFont">TOP</span></li> <li><a href="/sort/index.shtml">源碼分類</a><span id="enFont">CLASS</span></li> <li><a href="/other/lastupdate.shtml">網站服務</a><span id="enFont">SERVICE</span></li> <li><a href="/sort/index.shtml">用戶留言</a><span id="enFont">GUESTBOOK</span></li> <li><a href="/other/lastupdate.shtml">聯系我們</a><span id="enFont">CONTACT</span></li> </ul> </body> </html>
所屬頻道:
菜單導航特效
/
更新時間:2010-05-22
[收藏]
[報錯]
[返回列表]
相關
菜單導航特效
:
CSS+div+js組合強大實現超酷菜單
超酷仿GOOGLE首頁導航菜單效果
仿網易的滑動門技術DIV+CSS實現
仿藍色理想網站的導航菜單
鼠標觸及帶邊框菜單
用JS實現的類似框架的鏈接導航模式
CSS立體層
右鍵彈出菜單
純css的導航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導航特效Rss訂閱
特效代碼搜索
菜單導航特效推薦
適應產品類網站點擊向兩側展開的菜單
JS折疊菜單
側邊欄導航菜單,溢出式導航
UL、LI 無序列表實現純CSS網站導航菜單
下拉菜單鏈接頁面打開方式選擇
經典的藍色CSS下拉菜單
純CSS制作雙語導航條
不使用圖片仿Windows右鍵菜單
絕對不錯的滾動的導航菜單欄
帶箭頭指向的首頁滑動門特效代碼
猜你也喜歡看這些
跟隨鼠標的圖片
Js圖片勻速向上滾動
Js動態改變圖片的透明度
CSS放大圖片(放大鏡)
JS模擬Windows的圖片放大特效
五行CSS實現逼真圖片陰影效果
圖片自動縮放
騰訊QQ網站的Js圖片切換
圖片控制內容框的文字上下翻滾
漫天飛雪
相關鏈接:
復制本頁鏈接
|
搜索CSS制作的中英文雙語菜單
特效說明:
菜單導航模板
-
CSS制作的中英文雙語菜單
。