当光标在第二个跨度,照片将改变,当光标移动,旧照片将来。
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。我希望这解决了你的问题!
1条答案
按热度按时间jk9hmnmh1#
这将需要一点JavaScript,但它可以放在你的HTML文档中。span标签可以有一个hover事件调用JavaScript来改变图像。这里是一个简单的例子。
图像源路径需要修改以满足您的需要,但除此之外,这应该能够实现到您的代码中。span标签中的onmouseover事件包含用于更改给定图像源的JavaScript。
我希望这解决了你的问题!