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

首頁 > 開發 > CSS > 正文

DivCSS實例：CSS菜單Flash效果用圖片模擬實現

2024-07-11 08:40:40
字體：大 中 小
來源：轉載
供稿：網友
　　DivCSS實例：CSS菜單FLASH效果 用圖片模擬實現


　　CSS網頁布局，強調文檔具有良好的結構語義，在以往的Web開發中，我們在頁面中嵌入Flash，使網站頁面具有良好的動感視覺效果，以Flash的形式創建網頁導航菜單也是非經常用的方法。但這樣的形式使文檔的語義結構不明確，更要命的是，對于SEO（搜索引擎優化）這種形式更是一點兒作用都沒有，搜索引擎蜘蛛無法獲取菜單的鏈接目標。

　　我們關注標準，注重用戶體驗，也需要兼顧文檔的語義結構與SEO優化，MB5U認為以一種變通的方法可以實現。雖然不如真正的Flash有著炫目的效果，但這樣的形式也是一種切實可行的辦法。

　　具體的思路是，創建一個鏈接，將原本的鏈接文字隱藏掉，置入一個圖片（靜止的圖片）作為鏈接狀態的背景，在鏈接的懸停狀態，重新置入一個圖片（動畫圖片）作為鏈接狀態的背景。

　　獲得的效果是，在正常狀態下鏈接是一個靜止不動的圖片，當鼠標移到鏈接區域，即在鏈接的懸停狀態下，背景圖片變換成為一張動畫圖片。

　　以下是預備好的兩張圖片：
btn1.gif （靜止的圖片）

btn2.gif （動畫圖片）

XHTML編碼：
示例代碼 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 长子县| 呼玛县| 新安县| 九龙坡区| 石泉县| 万载县| 杨浦区| 江陵县| 蓝田县| 和田市| 开封市| 祁阳县| 饶平县| 梓潼县| 阳江市| 沁阳市| 探索| 平昌县| 红安县| 罗定市| 吴旗县| 吉安县| 平谷区| 蒙阴县| 台北市| 晋中市| 新巴尔虎左旗| 榆树市| 固始县| 茶陵县| 泰安市| 从化市| 安乡县| 苏尼特右旗| 卢龙县| 四川省| 腾冲县| 莫力| 遵化市| 繁昌县| 洛宁县|