查看完整版本 : 想onMouseOver/out事件出現廷遲的問題

紫光元素 2018-2-5 04:43

<input name="submit" type="image" id="myImage"   src="pic/checkout1.PNG" alt="PayPal - 更安全、更簡單的網上付款方式!" border="0">

這是一個送出按鈕, 如果我想滑鼠接觸myImage onMouseOver 及 onMouseOut時都transition-duration: 0.5s;(即廷遲0.5秒淡入及淡出), 請問如何寫? 我想ei chrome firefox都能顯示正常, thanks all~

[[i] 本帖最後由 紫光元素 於 2018-2-5 07:18 PM 編輯 [/i]]

煙民母親生賤種

*** 作者被禁止或刪除 內容自動屏蔽 ***

kenbei01 2018-2-5 16:14

一般CSS transition做法係咁
#myImage { opacity: 1; transition: opacity .5s ease }
#myImage:hover { opacity: 0; }

如果要delay, transition-delay: ??; 或short-hand
transition: opacity .5s ease .5s;

第4個param就係delay

補充:盡量避免用JS處理呢類eventListener

[[i] 本帖最後由 kenbei01 於 2018-2-5 04:17 PM 編輯 [/i]]

紫光元素 2018-2-5 19:15

[attach]7875835[/attach]
唔係呀, 其實我係想咁樣, 不過ed程式碼論壇顯示唔到出黍, 我係到cap圖給各位高手了解

[[i] 本帖最後由 紫光元素 於 2018-2-6 08:05 PM 編輯 [/i]]

kenbei01 2018-2-7 16:16

[quote]原帖由 [i]紫光元素[/i] 於 2018-2-5 07:15 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=474884541&ptid=27226828][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]

唔係呀, 其實我係想咁樣, 不過ed程式碼論壇顯示唔到出黍, 我係到cap圖給各位高手了解 [/quote]
本身直接換source 會係sharp cut 要加fading effect 只有用JS 系mouseover度bind返你想要既野啦

紫光元素 2018-2-8 18:02

我想我的問題已解決了, Thanks高手們:loveliness:
頁: [1]
查看完整版本: 想onMouseOver/out事件出現廷遲的問題