国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用css網站布局之十步實錄！(九)

2024-07-11 08:40:21
字體：大 中 小
來源：轉載
供稿：網友
第九步：導航條的制作

　　導航條之所以放在第九步講，是因為導航條制作是本教程中最難的部分，自然也是技術含量最高的地方.導航條的制作可易可難，但這里介紹的相對較難，您能堅持到這一步已經很不易，假如你只是有個導航條就滿足的話，請參看第八步的副導航條的制作。
　　先去掉導航條的紅色背景，還有就是移除html文件中main-nav層的"class="hidden"",使導航條的內容顯示出來。我們實現導航條圖片的變換的方法是純css代碼的，不包含任何js或是flash，因此我們所用的圖片是4幅分別由三個小圖組合而成的圖片，如下所示，并將這4幅圖保存于/images/nav/文件夾中:（另存圖片后 改成相應的文件名）






　　我們實現導航條的動態效果如下圖所示：（GIF動畫）



　　在網頁顯示的只是圖中紅框標出的部分，假如把每幅圖分為上，中，下三部分的話，未發生動作時顯示上部，當光標懸停時，顯示的是中部，被選擇時則顯示下部。
　　接下來進入css代碼部分，先往css文件中寫入：

示例代碼 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 昆明市| 尼玛县| 金沙县| 建瓯市| 双牌县| 文水县| 富川| 安阳县| 崇礼县| 永和县| 青神县| 德令哈市| 大名县| 堆龙德庆县| 乐陵市| 察隅县| 永新县| 万宁市| 江阴市| 铜川市| 乌拉特前旗| 巴东县| 襄汾县| 辉南县| 山阳县| 宜州市| 宁河县| 政和县| 松原市| 称多县| 巧家县| 苍梧县| 江永县| 井陉县| 马山县| 泗阳县| 宁德市| 邵阳县| 简阳市| 威宁| 西宁市|