当左侧悬停图像时，右侧图像会发生变化

Question

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

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

Answer 1

您可以使用js或jq。

假设你左右分别有两个div。

使用此代码。当您向右悬停右侧时相应的更改。 根据您的需要自定义此代码。

我是用jq

做的

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