首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用jQuery在rollover上更改图像源

在rollover上更改图像源时,可以使用jQuery来实现。以下是一个简单的示例代码:

代码语言:javascript
复制
$(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.jpgoriginal-image-source.jpg应该替换为实际的图像源路径。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券