向Jquery背景位置动画添加活动状态
我需要将活动状态添加到jquery动画导航菜单中,但似乎无法使其正常工作。动画工作完美,但我需要它停止活动选项卡(网站中的当前页面)上的动画,并继续对其他工作,等等。请帮忙向Jquery背景位置动画添加活动状态,jquery,jquery-animate,Jquery,Jquery Animate,我需要将活动状态添加到jquery动画导航菜单中,但似乎无法使其正常工作。动画工作完美,但我需要它停止活动选项卡(网站中的当前页面)上的动画,并继续对其他工作,等等。请帮忙 这是我的密码 html: <div id="insideNav"> <ul id="nav"> <li><a href="index.php">Home</a></li> <li><a href=
这是我的密码 html:
<div id="insideNav">
<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="media.php">Media</a></li>
<li><a href="overview.php">Overview</a></li>
<li><a href="mobile.php">Mobile</a></li>
<li><a href="options.php">Options</a></li>
<li><a href="order.php">Order</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
JQuery:
$(document).ready(function() {
$("ul#nav li a").addClass("js");
$("ul#nav li a").hover(
function () {
$(this).stop(true,true).animate({backgroundPosition:"(0 0)"}, 200);
$(this).animate({backgroundPosition:"(0 -5px)"}, 150);
},
function () {
$(this).stop(true,true).animate({backgroundPosition:"(0 -149px)"}, 200);
}
);
});
您可以使用jQuery not()函数并为当前页面添加一个活动类,如
$('ul#nav li a').not('.active').hover( ...
等等
然后假设您的当前页面是媒体,请为此添加一个类:
<li><a href="media.php" class="active">Media</a></li>
感谢@jtheman的工作,它给了我一个静态图像,就像我想在活动页面上一样,但当我再次悬停在它上面时,它会复活。很抱歉,如果您能更详细地解释一下代码,我对这一点相当陌生。也许我错过了什么你确定这不仅仅是css悬停状态的复活吗
<li><a href="media.php" class="active">Media</a></li>
ul#nav li a.active:hover { background-position: 0 -149px; }