[英]Add transition in onmouseover and onmouseout using javascript
我還是這個新手。 如何在仍使用標簽的情況下添加從將picture1更改為picture2的過渡？ 我還能在腳本中添加第三張圖像，以便當您將鼠標懸停在圖片上時，它顯示的是三張圖片，而不是兩張嗎？ 這是我的代碼
<html>
<body>
<img src = "picture1.jpg" onmouseover="rollover(this)" onmouseout="mouseaway(this)">
</body>
<script type="text/javascript">
function rollover(my_image)
{my_image.src = 'picture2.jpg';}
function mouseaway(my_image)
{my_image.src = "picture1.jpg";}
</script>
</html>
我希望它能起作用。
function rollover(my_image){ my_image.style.width = "200px"; my_image.style.transition = "width 2s, height 4s"; my_image.src = 'http://lorempixel.com/100/100/'; } function mouseaway(my_image){ my_image.style.width = "50px"; // my_image.style.opacity = "0.5"; my_image.src = "http://lorempixel.com/50/50/"; }
<html> <body> <img src = "http://lorempixel.com/50/50/" onmouseover="rollover(this)" onmouseout="mouseaway(this)"> </body> </html>
onmouseover（）的JavaScript轉換不會在onmouseout（）事件中轉換回我想要的方式
[英]JavaScript transition for onmouseover() not transitioning back how I want it to in the onmouseout() event
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.