在rollover上更改图像源时,可以使用jQuery来实现。以下是一个简单的示例代码:
$(document).ready(function() {
$("img.rollover").hover(function() {
$(this).attr("src", "new-image-source.jpg");
}, function() {
$(this).attr("src", "original-image-source.jpg");
});
});
在这个示例中,我们首先使用$(document).ready()
来确保页面加载完成后才执行代码。然后,我们使用$("img.rollover")
来选择所有具有rollover
类的<img>
元素。接下来,我们使用hover()
方法来绑定鼠标悬停和离开事件。当鼠标悬停在图像上时,我们使用attr()
方法更改图像的src
属性为新的图像源。当鼠标离开图像时,我们将图像源更改回原始图像源。
这个示例中的new-image-source.jpg
和original-image-source.jpg
应该替换为实际的图像源路径。
领取专属 10元无门槛券
手把手带您无忧上云