設為首頁收藏本站
開啟輔助訪問 切換到寬版

TShopping

 找回密碼
 註冊
NetYea 響應式網頁
RWD 新竹網頁設計		 MyPresent.net
聯盟行銷賺分紅 		綠能購物網 手工藝品、客製化商品 管乾淨 專業 清洗水管
搜索
TShopping»討論區 › 電腦3C › 網頁設計 › CSS › CSS滑鼠移動至那裡變換圖片語法
返回列表 發新帖
查看: 7337|回復: 2
打印 上一主題 下一主題

[教學] CSS滑鼠移動至那裡變換圖片語法

[複製鏈接]
woff
跳轉到指定樓層
1#
發表於 2009-10-10 16:06:57 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
用 Dreamweaver 的導覽列做.

http://video.yahoo.com/watch/735219/3215915

或是

利用背景圖配合CSS，把你所準備的圖片當背景圖

在<html>裡面
  1. <a href="你的連結" class="nav"> XXXXX </a>
複製代碼
在CSS部分
  1. a.nav{
  2. background-img:url(你的中文圖片路徑)
  3. }
  4. a.nav:hover{
  5. background-img:url(你的英文圖片路徑)
  6. }
複製代碼
把A 設成BLOCK
假設您的圖片是400*300

a
  1. .nav{
  2. display:block;
  3. width: 400px;
  4. height: 300px;
  5. background-img:url(你的中文圖片路徑)
  6. }
  7. a.nav:hover{
  8. background-img:url(你的英文圖片路徑)
  9. }
複製代碼

 

臉書網友討論
回復

使用道具 舉報

tmd5566
2#
發表於 2011-12-19 03:06:42 | 只看該作者
拿分走人呵呵，樓下繼續！

版主招募中

回復 支持 反對

使用道具 舉報

ash777
3#
發表於 2011-12-19 03:07:45 | 只看該作者
好睏啊  


回復 支持 反對

使用道具 舉報

返回列表 發新帖
*滑块验证:
高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-25 14:20 , Processed in 0.084295 second(s), 19 queries .

本論壇言論純屬發表者個人意見，與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表