需要在jquery站点中更改MouseOver的背景图像

需要在jquery站点中更改MouseOver的背景图像,jquery,css,hover,background-image,onmouseover,Jquery,Css,Hover,Background Image,Onmouseover,他在一个jquery网站上尝试了一个onmouseover背景图片更改事件,如果有人知道,请用一个演示回答这个问题 假设:您有一个透明的背景图像,如本例所示 工作地点: 对于突出显示的类,您需要一个带有徽标id的图像和一个CSS规则 需要调用两个函数: 一个鼠标在上方(mouseenterevent) 一个鼠标退出(mouseleaveevent) CSS可以做到,伙计。为什么需要jQuery,这可以使用纯CSS来实现?或者你不想更改其背景的链接本身吗?请不要忘记单击左侧的勾号@johnsaxo

他在一个jquery网站上尝试了一个onmouseover背景图片更改事件,如果有人知道,请用一个演示回答这个问题

假设:您有一个透明的背景图像,如本例所示

工作地点:

对于突出显示的
类,您需要一个带有
徽标
id的图像和一个CSS规则

需要调用两个函数:

  • 一个鼠标在上方(
    mouseenter
    event)
  • 一个鼠标退出(
    mouseleave
    event)

  • CSS可以做到,伙计。

    为什么需要jQuery,这可以使用纯CSS来实现?或者你不想更改其背景的链接本身吗?请不要忘记单击左侧的勾号@johnsaxon,将答案标记为正确
    $('#logo').hover(function() {
        $(this).addClass('highlighted');
    }, function() {
        $(this).removeClass('highlighted');
    });
    
    a
    {
    background:#ffffff url('path-of-your-mouseout-image.jpg') no-repeat top left;
    }
    
    a:hover
    {
    background:#ffffff url('path-of-your-mouseover-image.jpg') no-repeat top left;
    }