Javascript JS导航悬停动作http://barnumdesign.com/x/about

我正试图获得如下导航悬停效果：

除非导航背景已满

有什么指导吗

我尝试使用以下代码来定位它，但我不确定出了什么问题：

JS函数 可进入样式表对话框

---

我不确定这是否能解决您的问题，但我会这样写：

$('#LeftNav ul li a')
    .css({ backgroundPosition: '-188px'})
    .hover(function() // mouseenter
        { 
            $(this).stop().animate({ backgroundPosition: '0'}, {duration:300});
        },
        function() // mouseout
        {
            $(this).stop().animate({ backgroundPosition: '-188px'}, {duration:300});
        });

---

不知道你的意思，除非导航背景已满。它没有做什么？另外，你链接到脚本的站点是在LI元素而不是A元素上设置背景动画。你可以试着把背景放在那里。如果您这样做，则需要修改hover函数，改为以该函数的父函数为目标。

#LeftNav {
 position: absolute;
 top: 50px;
 right: 0;
 }
#LeftNav ul {
 }
#LeftNav ul li {
 }
#LeftNav ul li.selected {
 }
#LeftNav ul li a {
 font-family: Helvetica;
 font-size: 180%;
 color: #ffffff;
 text-transform: uppercase;
 padding: 8px 30px 0 8px;
 display: block; 
 float: right;
 background: url(/x/images/template/bg-nav-hover.jpg) no-repeat; 
 }
#LeftNav ul li a.active,
#LeftNav ul li a:hover {
 }
#LeftNav ul li ul {
 }
#LeftNav ul li.selected ul {
 }
#LeftNav ul li ul li {
 background: none;
 display: none;
 }
#LeftNav ul li ul li.selected {
 }
#LeftNav ul li ul li a {
 background: none;
 font-size: 120%;
 color: #c2c2c2;
 text-transform: capitalize;
 }

$('#LeftNav ul li a')
    .css({ backgroundPosition: '-188px'})
    .hover(function() // mouseenter
        { 
            $(this).stop().animate({ backgroundPosition: '0'}, {duration:300});
        },
        function() // mouseout
        {
            $(this).stop().animate({ backgroundPosition: '-188px'}, {duration:300});
        });