訪客:  註冊 | 登錄 | 統計 | 幫助 | 社區功能 | 界面風格 | 繁体中文


標題: [問題] 圖怎樣變透明????
用戶組 : 進階會員 [詳情]
會員 : 聖鬥士霆鋒
帖子 : 36[詳情]
UID : 81601
積分 : 128[詳情]
狀態 :
失蹤 : 945  天 [詳情]
  第 1 帖 發表於 2012-8-21 11:39 PM
CSS:
img
{
opacity:1;
filter: alpha(opacity=100);
}
img: hover
{
opacity:0.4;
filter: alpha(opacity=40);
}

<img border=1 src="pic/football1.jpg" width=100 height=100>


Explorer : IE9
為何onmouseover....圖不會變透明??
資料 文集 短消息 ICQ 頂部
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7
用戶組 : 熟手打雜 [詳情]
會員 : 別問我是誰
帖子 : 2715[詳情]
UID : 1
積分 : 4998[詳情]
狀態 :
失蹤 : 0 天 [詳情]
  第 2 帖 發表於 2012-8-22 12:11 AM
以下語法只支援 IE

1.

<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",30)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=100
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity>50)
cur2.filters.alpha.opacity-=5
else if (window.highlighting)clearInterval(highlighting)
}
</script>

<img src="http://lthung.org/supply/apply/24.gif" border="0" onMouseover="high(this)" onMouseout="low(this)" style="filter: alpha(opacity=100)">

2. 支援 IE 和 Mozilla

<img src="http://lthung.org/supply/brick_wall/purples.gif" style="-moz-opacity:1; filter:alpha(opacity=100);cursor:hand;" onmouseover="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50" onmouseout="this.style.MozOpacity=1;
this.filters.alpha.opacity=100">

資料 主頁 文集 短消息 頂部
用戶組 : 進階會員 [詳情]
會員 : 聖鬥士霆鋒
帖子 : 36[詳情]
UID : 81601
積分 : 128[詳情]
狀態 :
失蹤 : 945  天 [詳情]
  第 3 帖 發表於 2012-8-22 09:43 PM
哈~~~我最後都係用你提供的方法....
但其實我唔想用call function即係onmouseover / out ,因為一版幾張圖...如果CSS一次過定義晒....唔駛每張圖都要call function......
資料 文集 短消息 ICQ 頂部
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7
用戶組 : 熟手打雜 [詳情]
會員 : 別問我是誰
帖子 : 2715[詳情]
UID : 1
積分 : 4998[詳情]
狀態 :
失蹤 : 0 天 [詳情]
  第 4 帖 發表於 2012-8-23 12:26 AM
其實你始終要用貼圖語法 現時只是將貼圖語法複制去用只修改網址
資料 主頁 文集 短消息 頂部

Powered by Discuz! 5.0.0  © 2001-2006 Comsenz Inc.
頁面執行時間 » 0.011187 秒 » 數據庫查詢 » 6 次 » Gzip » 已啟用
當前時區 GMT+8 , 現在時間 2019-12-14 03:06 PM - 網頁空間由 TEAMagic 提供
清除 Cookies - 聯繫我們 - 雄 之 網 頁 - Archiver - WAP