jQuery img.src 在点击后重置
jQuery img.src reset after click
我在导航方面有问题。
.HTML
<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>
.JS
$(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",并且不知道如何制作它。
$("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");
}
);
$("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");
}
);
相关文章:
- Javascript:使用绝对路径设置img src
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 插入“;img src"在javascript中
- 从二维数组中获取img src和img维度,并在body中显示
- 在不发出请求的情况下设置img src
- Jquery/Javascript使用IF/ELSE语句更改img SRC
- 使用JQuery从包含A href值中设置*all*IMG-src值
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- Img-src只通过javascript更改一次
- 正则表达式使链接可点击(仅在“href”而不是“img src”中)
- 交换 img src 或显示/隐藏多个图像是否更快
- 如果有办法在 N 秒内加载未触发,则有没有办法设置 img src
- img src 在 Firefox 和 IE 的 jQuery 脚本中没有更改
- 如何从弹簧控制器方法更新html img src
- onload 不会在 Firefox 中使用 createObjectURL img.src 触发
- img src 属性在为空时返回页面的 URL
- EmberJS config prod img src url
- Jquery-如何在悬停时更改img src
- writeln img src将数据提交到外部系统-Firefox和IE挂起
- 使用jQuery禁用img src等于特定值时的href