将图像悬停在左侧时，右侧的图像会发生变化

When Hovering Image on the Left, The image on the right change

本文关键字：图像 变化 悬停      更新时间：2023-09-26

您好！我有一个问题，我该如何开始。我想要这个网站的横幅样式http://www.saksoff5th.com/.我已经检查了他们的源代码，但我不知道他们是怎么做到的。它们的左边有图像，当我悬停它们时，右边的图像（横幅）正在改变。

你知道吗？Jquery的CSS？我不知道从哪里开始。

您可以使用js或jq。

假设您有两个id分别为left和right的div。

使用此代码。当您将鼠标向左悬停时，右侧相应地发生变化。根据您的需要自定义此代码。

我用jq

$('#left').mouseover(
 function()
 {
    $('#right').$("p").css({
        "color": "white",
        "background-color": "#98bf21",
        "font-family": "Arial",
        "font-size": "20px",
        "padding": "5px"
    });
 });
相关文章：