Re: [問題] 有關於圖片的顯示問題
看板Web_Design作者monoceroi (Monoceros Fugax)時間16年前 (2010/02/04 20:40)推噓1(1推 0噓 0→)留言1則, 1人參與討論串3/3 (看更多)
try:
jQuery (1.4+ ++):
.data() 塞狀態資料 for mouseenter / mouseleave
以免發生意外
.delay(timeInMilliseconds) 用來暫停會比較輕鬆
CSS:
:hover { background-image } 可以用來作 A/B
包得好的話配上 CSS transitions 會很棒
jQuery:
$(element).hover(function) 也可以
Ref.:
http://api.jquery.com
請務必熟讀！
—
我會寫很多 .bind 並且用委託人方法，再用 $(event.target) 捉物件。
如果你的圖檔名稱很規律：
px.01.jpg
px.01.alt.jpg
px.01.full.jpg
那就更容易作啦。
—
唉。果然回太快。
element {
background-image: url (…);
}
element:hover {
background-image: url (…);
}
element.highlit {
background-image: url (…);
}
+ jQ mouseenter / mouseleave addClass / removeClass 也可以作。
限制：不能太花俏。
cheers
※ 引述《x731531 (丁滿)》之銘言：
: 大家好
: 最近剛開始做網頁
: 現在遇到有幾個問題
: 不知道有什麼程式碼可以解決
: 製作大概就是
: 滑鼠移到A圖 然後變成B圖 延遲兩三秒後出現放大C圖
: 1.移動過去變成B圖 還有放大C圖都找到了相關的
: 可是不知道要怎摸樣做結合
: 他們這兩個程式碼好像本身有衝突一樣
: 2.延遲兩三秒這個找不到QQ
: 可以請問一下板上的大家 這兩個問題
: 謝謝大家
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.216.5.1
※ 編輯: monoceroi 來自: 61.216.5.1 (02/04 20:48)
推
02/05 04:23, , 1F
02/05 04:23, 1F
討論串 (同標題文章)