鼠标悬停按钮时更改背景

时间:2017-03-07 18:30:50

标签: javascript css button background hover

我试图在每次通过鼠标按钮时更改我的主页的背景图像,用于5个不同的按钮。

我正在尝试使用Javascript,但是接缝不起作用,有什么帮助吗?

2 个答案:

答案 0 :(得分:0)

此处每当您悬停一个段落时,段落的背景图片都会发生变化。

HTML代码

 <p>Hover the mouse pointer over this paragraph.</p>

JQuery代码

$("p").hover(function(){
        $(this).css("background-color", "yellow");
        }, function(){
        $(this).css("background-color", "pink");
    });

答案 1 :(得分:0)

我尝试使用以下代码但似乎没有发生任何事情;

$("et_pb_section_0").hover(function(){
        $(this).square0("background-color", "yellow");
        }, function(){
        $(this).square1("background-color", "pink");
    });

.et_pb_section_0是背景的类,.square0,.square1是按钮。

感谢您的帮助。