使用HTML、CSS在某个地方改变图像

wvt8vs2t  于 2023-01-03  发布在  其他
关注(0)|答案(1)|浏览(111)

当光标在第二个跨度,照片将改变,当光标移动,旧照片将来。

jk9hmnmh

jk9hmnmh1#

这将需要一点JavaScript,但它可以放在你的HTML文档中。span标签可以有一个hover事件调用JavaScript来改变图像。这里是一个简单的例子。

<img id="sampleImg">
<span id="span1" onmouseover="document.getElementById('sampleImg').src = 'image1.gif'"> Span 1</span>
<span id="span2" onmouseover="document.getElementById('sampleImg').src = 'image2.gif'">Span 2</span>

图像源路径需要修改以满足您的需要,但除此之外,这应该能够实现到您的代码中。span标签中的onmouseover事件包含用于更改给定图像源的JavaScript。
我希望这解决了你的问题!

相关问题