javascript - jquery鼠标悬停颜色变化

Question

我正在将 Flash 广告转换为 HTML5 广告。

我正在复制这个演示link .

我只想制作鼠标悬停效果。在演示中，如果鼠标转到详细信息文本，则整个横幅颜色变为黑色，并出现免责声明文本。如何实现？

这是我的代码 JSFiddle

<div id = "wrapper" >       
 <div id="mainContainer">
    <div id="text">
        <img id="Image_Car" src="http://i.share.pho.to/c43dc6d7_o.png" />
    </div>  
     <div id="Div1">
      <p id="discalimer">Details*</p>
    </div>
 </div>
</div>

Answer 1

如果我正确理解您的问题，这可能会有所帮助:

Demo Fiddle

jQuery 有一个内置的.hover() 方法。在这里，我使用它来切换包装器上的类并显示隐藏的复制 block 。

JS:

$('#discalimer').hover(
    function () {
        $('#wrapper').toggleClass('hovered');
        $('.copy').show();
    }, function () {
        $('#wrapper').toggleClass('hovered');
        $('.copy').hide();
    }
);