Question

I have a menu on a site. It has a divider on the right of the li, this is set as a background. When you hover over this it disappears and the link is highlighted.

人们还想的是,左边的利底是什么也消失了,我如何能够这样做?

    .menu-link ul li    
{
    text-decoration:none;
    float:left;
    background: url(/Content/img/border-line-inside.png) no-repeat right;
}

.menu-link ul li a {
    color:#fff;
    padding: 0px 15px 0px 15px;
    line-height:40px;
    display: block;
    width:128px;
    text-align:center;
}

.menu-link a:hover{
    background:url(../img/menu-nav-hov.png) repeat-x;
    cursor:pointer; 
}

想象力是否有必要使用 j?

Answer 1

由于不可能选择母体元素,也不可能选择以前的兄弟姐妹,你确实需要 j。

比如,可向您提供恰当的指导。 (可能改进《质量法》,我没有专家)。

$(document).ready(function() {
    $( a ).hover(function() {
        $(this).parent().prev().css( background , none );
    },
    function() {
        $(this).parent().prev().css( background , url(http://placekitten.com/10/20) no-repeat right );
    })
})

友情链接