作者punke04 (湖人總冠軍 Kobe MVP)
看板Web_Design
標題Re: 想改變滑鼠滑過圖片時 出現的說明文字的style
時間Fri Jun 13 12:01:25 2008
※ 引述《nebulayun ( )》之銘言:
: http://buboo.tw/nlrson
: 在這一頁右邊最下方的朋友列表中,當滑鼠滑過朋友照片時,
: 用firefox看會浮出半透明的說明文字,
: IE看則沒有半透明,但文字大小及框線應該是相同,
: 想知道這是使用titl屬性做到的嗎?
: 因為最近需要用到rollover說明文字的效果,
: 而平常用title屬性的文字泡泡實在是有點小,
: 而目前為止這個範例的樣子還滿符合我的需要的,希望有人知道這是怎麼做的。
: 先說聲謝謝囉!
這裡有使用 css 達到這效果的方法
利用隱藏層製作說明效果
教學:
http://www.hsiu28.net/style/article_detail.php?id=22
也有使用 javascript 的方法
連結淡出顯示說明方塊
教學:
http://www.hsiu28.net/html/jss.php?id=4
多看看 多學學
很快就會自己做了
加油!!!!!!!!!!!!!!!!!!!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.140.103.180
→ nebulayun:謝謝!!!可以只用css解決更符合我的需要~ 06/13 12:08
→ punke04:我第一個教學就是使用css的阿 06/13 13:50
推 nebulayun:對啊,所以就是我想要的啊!大感謝(抱歉~我沒說清楚) 06/13 22:05
→ punke04:呵 不會 加油 06/14 07:42