能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

訂閱本欄目 RSS您所在的位置: 深山工作室 > HTML > 正文

仿MAC官網導航菜單

www.as1983.com 2007/11/25 22:05:58 深山行者 字體: 瀏覽 12149
使用圖片:



完全應用背景圖像X,Y定位;
仿MAC官網導航菜單
注意:
#nav li,#nav li a { background:#fff; }
因為該圖片是png透明,所以必須在 li 中設置顏色以擋住 ul 的背景圖與 a 的背景圖重復疊加。
 
以下是引用片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="html,css,js" />
<meta name="description" content="深山行者個人主頁" />
<meta name="Author" content="565449214" />
<title>MAC菜單</title>
<style type="text/css">
<!--
html,body { height:100%; background:#fff; }
body { font:12px "宋體",Arial,sans-serif; color:#333; }
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
ul,ol,dl { list-style:none; }

#nav { width:982px; height:38px; margin:15px 0 0 10px; overflow:hidden; background:url(http://images.apple.com/global/nav/images/globalnavbg.png) no-repeat; }
#nav li,#nav li a { float:left; display:block; width:117px; height:38px; background:#fff; }
#nav li a { width:100%; text-indent:-9999px; background:url(http://images.apple.com/global/nav/images/globalnavbg.png) no-repeat 0 0; }

#nav .n01 { width:118px; }
#nav .n01 a:visited { background-position:0 -114px; }
#nav .n01 a:hover { background-position:0 -38px; }
#nav .n01 a:active { background-position:0 -76px; }

#nav .n02 a:link { background-position:-118px 0; }
#nav .n02 a:visited { background-position:-118px -114px; }
#nav .n02 a:hover { background-position:-118px -38px; }
#nav .n02 a:active { background-position:-118px -76px; }

#nav .n03 a:link { background-position:-235px 0; }
#nav .n03 a:visited { background-position:-235px -114px; }
#nav .n03 a:hover { background-position:-235px -38px; }
#nav .n03 a:active { background-position:-235px -76px; }

#nav .n04 a:link { background-position:-352px 0; }
#nav .n04 a:visited { background-position:-352px -114px; }
#nav .n04 a:hover { background-position:-352px -38px; }
#nav .n04 a:active { background-position:-352px -76px; }

#nav .n05 a:link { background-position:-469px 0; }
#nav .n05 a:visited { background-position:-469px -114px; }
#nav .n05 a:hover { background-position:-469px -38px; }
#nav .n05 a:active { background-position:-469px -76px; }

#nav .n06 a:link { background-position:-586px 0; }
#nav .n06 a:visited { background-position:-586px -114px; }
#nav .n06 a:hover { background-position:-586px -38px; }
#nav .n06 a:active { background-position:-586px -76px; }

#nav .n07 a:link { background-position:-703px 0; }
#nav .n07 a:visited { background-position:-703px -114px; }
#nav .n07 a:hover { background-position:-703px -38px; }
#nav .n07 a:active { background-position:-703px -76px; }
-->
</style>
</head>
<body>
<div id="nav">
 <ul>
 <li class="n01"><a href="#index" title="index">index</a></li>
 <li class="n02"><a href="#Store" title="Store">Store</a></li>
 <li class="n03"><a href="#Mac" title="Mac">Mac</a></li>
 <li class="n04"><a href="#iPod+iTunes" title="iPod + iTunes">iPod + iTunes</a></li>
 <li class="n05"><a href="#iPhone" title="iPhone">iPhone</a></li>
 <li class="n06"><a href="#Downloads" title="Downloads">Downloads</a></li>
 <li class="n07"><a href="#Support" title="Support">Support</a></li>
 </ul>
</div>
</body>
</html>

相關閱讀
告訴你一些GOOGLE搜索你不知道的東西
仿百度知道寬度高度自適應的圓角邊框
修改注冊表 優化Win XP技巧20招
javascript 表單(文本框)觸發鼠標事件大全
js兼容多個瀏覽器右下角漂浮廣告
JS+CSS實現圖片放大預覽效果(購物時放在產品上面預覽圖片)
深山行者留言系統V3.3發布
圣誕節12.5號,卡通形象留言板模板
共有0條關于《仿MAC官網導航菜單》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

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

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
js指定日期加n天加n月加n年
jquery中動態生成的代碼使用on hover事件時不出現效果
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
asp中Request.ServerVariables能獲取的信息整理總結
深山留言板過年回家效果
用javscript實現為表格的每一行自動加上序號
ASP和AJAX應用一例,檢測注冊用戶是否有效
asp正則替換內容里的特定內容
留言板留言板V7.0
主站蜘蛛池模板: 日韩一区二区影视 | 国产视频一区二区在线 | 久久精品国产99国产 | 欧美日韩激情在线一区二区三区 | 91国内外精品自在线播放 | 精品国产乱码久久久久久久 | 日韩成人在线观看 | 亚洲乱码国产乱码精品精 | 亚洲国产高清视频 | 九一精品| 在线视频中文字幕 | 中国1级黄色片 | 中文字幕乱码亚洲精品一区 | 欧美三级在线 | 国产精品久久久久久久久久三级 | 中文字幕乱码亚洲精品一区 | 精品久久久成人 | 日韩视频精品 | 亚洲精品一区二区三区在线 | 日韩精品日韩激情日韩综合 | 男人天堂视频网 | 日韩草比 | 精品久久久久久久久久久久久久 | 免费视频一区二区 | 欧洲精品一区 | 成人在线观看av | 欧美成人免费在线视频 | 亚洲在线播放 | 亚洲在线一区二区 | 亚洲一区二区在线播放 | h片在线免费观看 | 日韩视频在线一区二区 | 亚洲中午字幕 | 精品久久精品久久 | 91视频.com | 免费日韩 | 国产精产国品一二三产区视频 | h视频亚洲 | 国产精品高潮呻吟 | 国产成人自拍一区 | 亚洲精品久久久一区二区三区 |