这对我来说很难解释,所以我会尽力而为。这是这段代码:
$('#navibar a').hover(function(){
var position = $(this).position();
var width = $(this).width();
$('#underliner').css({'width': '' + width + '','left': position.left});
//$('#underliner').show("slide", { direction: "left" }, 100);
$('#underliner').stop().animate({opacity: 1}, 30).show();
}, function () {
var homePos = $(this).find(attr(activePageHref)).position();
var homeWidth = $(this).find(attr(activePageHref)).width();
//$('#underliner').css({'width': '' + homeWidth + '','left': homePos.left});
//$('#underliner').show("slide", { direction: "left" }, 100);
//$('#underliner').stop().animate({opacity: 1}, 30).show();
alert(activePageHref);
});
activePageHref 在此之外设置为已单击的页面。在警报中,它显示正确(例如,让我们说它的值是“home”。我需要以某种方式将#underliner.css 位置和宽度设置为悬停时选择的导航中的页面链接,所以有没有办法“找到”其他“a”并使用它们?希望在代码中我想要做的事情很明显。这是我的标记:
<ul id="navibar">
<li><a href="home">Home</a></li>
<li><a href="products">Products</a></li>
<li><a href="games">Games</a></li>
<li><a href="store">Store</a></li>
<li><a href="support">Support</a></li>
<li><a href="community">Community</a></li>
</ul>
另外,我知道第一段代码是大错特错,这只是我在决定在这里发帖之前出于愤怒和绝望而做的最后一件事。