导航问题。
<ul id="menu_bar">
<li><a href="#home" class="hov selected"><img src="img/Home_on.png" alt="Home" />Home</a></li>
<li><a href="#portfolio" class="hov"><img src="img/Portfolio_off.png" alt="Portfolio" />Portfolio</a></li>
<li><a href="#about" class="hov"><img src="img/About_off.png" alt="About" />About</a></li>
<li><a href="#contact" class="hov"><img src="img/Contact_off.png" alt="Contact" />Contact</a></li>
</ul>
$(document).ready(function() {
$("img.roll").hover(
function() { this.src = this.src.replace("_off", "_over");},
function() { this.src = this.src.replace("_over", "_off");}
);
$("a.hov").hover(
function() {
var img = $(this).find("img")[0];
img.src = img.src.replace("_off", "_over");},
function() {
var img = $(this).find("img")[0];
img.src = img.src.replace("_over", "_off");}
);
$("a.hov").click(
function() {
var img = $(this).find("img")[0];
img.src = img.src.replace("_over", "_on");
$("a.hov").removeClass("selected");
$(this).addClass("selected");
}
);
});
我想点击功能,它会改变锚类,改变这个锚内的img src,当我在另一个锚上使用它时,它会将最后点击的锚重置为普通类和普通的img src。 现在我的函数从所有“a.hov”中删除了类,但是没有将img.src更改为所有这些项的“_off”,并且不知道如何制作它。
答案 0 :(得分:1)
$("a.hov").click(
function() {
$("a.hov").each( //Change all "_over" to "_off" for all items
function() {
var img = $(this).find("img")[0];
img.src = img.src.replace("_over", "_off");
});
var img = $(this).find("img")[0];
img.src = img.src.replace("_over", "_on"); //replace all "_over" (mabe all will work without this line)
img.src = img.src.replace("_off", "_on"); //replace "_off"
$("a.hov").removeClass("selected");
$(this).addClass("selected");
}
);
答案 1 :(得分:0)
$("a.hov").click(
function() {
var img = $('img', this);
console.log(img)
img.attr('src', img.attr('src').replace("_off", "_on"));
$('a.hov').removeClass("selected");
$(this).addClass("selected");
}
);