更改onmouseover和onmouseout的轉換時間？

這是我的HTML更改onmouseover和onmouseout的轉換時間？

<img class="logo" src="css/images/logo.png" align="center" onmouseover="this.src='css/images/logohov.png'" onmouseout="this.src='css/images/logo.png'"> </img>

有沒有辦法我可以改變的過渡時間？我已經添加了轉場：全部0.3s緩解;到班級的標誌，但它沒有做任何事情。

感謝

來源

2014-10-10 Croaked

這是因爲你正在改變'src'，而不是在兩個狀態之間轉換。 – 2014-10-10 11:47:37

有什麼我可以添加到代碼來改變過渡？如果不是有任何jQuery/JavaScript教程，可以告訴我如何做到這一點？ – Croaked 2014-10-10 11:50:27

爲什麼這個問題被標記爲html和css？似乎是一個JS問題... – thetont 2014-10-10 12:06:41

您正在發生變化，不能與過渡性質使用src屬性，即使你使用的CSS那麼也不能與過渡使用的內容屬性，而不是要做兩個的img標籤，並隱藏一個顯示另一個懸停過渡。

Here是一些例子，當您更改CSS屬性，在你的榜樣，你改變HTML屬性

來源

2014-10-10 11:51:37

轉移財產才起作用。

嘗試是這樣的：

<div class="logo" align="center" onmouseover="this.style.backgroundImage=\"url('css/images/logohov.png')\"" onmouseout="this.style.backgroundImage=\"url('css/images/logo.png')\""> </div>

來源

2014-10-10 12:10:28

我的運氣只是增加

-webkit-transition: all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out; 
transition: all .3s ease-in-out;

到我的CSS一類的標籤，它影響的過渡時間的onmouseover和onmouseout（不使用任何：懸停CSS）。

PS爲了使onmouseover和onmouseout實現標籤內的文本，我不得不將標籤放在整個按鈕上，而不是放在裏面。

希望有幫助！

來源

2016-07-08 18:26:53 S3gue

更改onmouseover和onmouseout的轉換時間？

回答

相關問題