已解決430363個問題，去搜搜看，總會有你想問的

如何在懸停圖像時放置 GIF？

首頁猿問如何在懸停圖像時放置 GIF？

如何在懸停圖像時放置 GIF？

JavaScript

萬千封印 2023-09-28 10:13:39

大家好，我真的需要你們的幫助。我是網絡開發的初學者，最近我開始使用 html、css 和 js 制作我的第一個網站。我想在頁面中央放置 2 張將成為超鏈接的圖像（一張在左側，一張在右側）。我希望當我將鼠標懸停在這兩個圖像上時顯示我的 GIF（GIF 在我將鼠標懸停在圖像上時開始，在我將鼠標懸停在圖像上時結束）。此外，GIF 還會有文本疊加和其他一些懸停動畫。有什么可以幫助我的嗎？這是原型（草圖）提前致謝，

查看完整描述

2 回答

冉冉說

TA貢獻1877條經驗獲得超1個贊

這是一個可以幫助您實現目標的示例。您也可以在codepen上查看：https://codepen.io/assar777/pen/jOMbpeP

<style>

#image{

background-image:url('https://image.freepik.com/free-photo/image-human-brain_99433-298.jpg');

height:400px;

max-width:400px;

background-position:center;

background-repeat:no-repeat;

background-size:cover;

}

#image:hover{

background-image:url('https://media.emailonacid.com/wp-content/uploads/2019/03/2019-GifsInEmail.gif');

}

</style>

反對回復 2023-09-28

桃花長相依

TA貢獻1860條經驗獲得超8個贊

如果可以的話！！

您可以使用 CSS 本身來做到這一點，例如：

.classeOfMyImage{

?background: url('http://dummyimage.com/100x100/000/fff');

}

.classeOfMyImage:hover {

?background: url('https://media.tenor.com/images/1fe5b893dd6eb6905c4efabb103e6281/tenor.gif');

}

反對回復 2023-09-28

2 回答
0 關注
114 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在懸停圖像時放置 GIF？

如何在懸停圖像時放置 GIF？

2 回答

添加回答

如何在懸停圖像時放置 GIF？

如何在懸停圖像時放置 GIF？