一个导航栏问题
小弟想做一个导航栏,是用Ul和LI做的,现在要弄一个效果就是点击导航栏中一个按钮那个按钮的背景改变(导航原来是有背景的,背景是li 的背景),然后鼠标离开后被点击的按钮背景不变,直到有另一个按钮被点击了,那第一次点击的按钮背景变回原来的背景。
[解决办法]
LZ如果想控制不同的li,可以设置li的class,之后通过选择器来实现
举个例子:
<ul>
<li>li1</li>
<li class='mouseover'>mouseover</li>
<li class='mouseout'>mouseout</li>
<li class='mouseover'>mouse over</li>
<li class='mouseout'>mouse out</li>
</ul>
$("li.mouseover").each(function() {
$(this).bind("mouseover", function() {
alert($(this).text());
});
});
$("li.mouseout").each(function() {
$(this).bind("mouseout", function() {
alert($(this).text());
});
});
<li idx='1'></li>
var imgs = {
"1": "../../xxx.jpg"
}
var idx = $("li").attr("idx");
var imgUrl = imgs[idx];