Yahoo奇摩知識+將於 2021 年 5 月 4 日 (美國東部時間) 終止服務。自 2021 年 4 月 20 日 (美國東部時間) 起，Yahoo奇摩知識+服務將會轉為唯讀模式。其他Yahoo奇摩產品與服務或您的Yahoo奇摩帳號都不會受影響。如需關於Yahoo奇摩知識+ 停止服務以及下載您個人資料的資訊，請參閱說明網頁。
CSS滑鼠移動至那裡變換圖片語法？
小弟我想做一個左邊直排導覽列
一開始讀出的是中文圖片
當我滑鼠游標移到那裏時
他會變成我準備好的另一張英文圖片
我的導覽列可能會有很多選項
請問大大，我的CSS及HTML語法該怎麼寫呢？
已更新項目:
Joint大大
我按照你的作法
是做出來了
那JAVASCRIPT程式碼密密麻麻
有簡單一點的嗎？
2 個已更新項目:
Hans大大
我按照你的作法
不會動呢？
請詳細說明一下好嗎？
謝謝！
3 個已更新項目:
Hans大大
好像是IE6.X不支援
有IE6.X支援的方法嗎？
2 個解答
評分
- SDMOTORLv 41 0 年前最佳解答
利用背景圖配合CSS，把你所準備的圖片當背景圖
例如:
在<html>裡面
<a href="你的連結" class="nav"> XXXXX </a>
在CSS部分
a.nav{
background-img:url(你的中文圖片路徑)
}
a.nav:hover{
background-img:url(你的英文圖片路徑)
}
2009-10-04 00:42:53 補充：
不是不支援，
你要把A 設成BLOCK
假設您的圖片是400*300
a.nav{
display:block;
width: 400px;
height: 300px;
background-img:url(你的中文圖片路徑)
}
a.nav:hover{
background-img:url(你的英文圖片路徑)
}
還有問題？馬上發問，尋求解答。