在悬停另一个ID时更改ID img src
Change ID img src upon hover another ID
我刚刚对学习web编程产生了兴趣。遇到了一个问题,希望有人能给我指路。
示例:http://jsfiddle.net/KdhPG/99/
当前:当鼠标悬停在图像ID上时,它会将文本ID颜色更改为"红色"
同样,是否可以将鼠标悬停在文本ID上,将图像ID的当前img src更改为另一个图像src/URL?
谢谢!
不擅长jQuery。。但这里有一个可能的解决方案,使用悬停来恢复先前的图像。当鼠标悬停在文本上时,图像会发生变化,一旦鼠标离开,它将恢复以前的图像:
var prevsrc;
$("#one").hover(
function() {
prevsrc = $("#img-one").attr('src');
$("#img-one").attr('src', 'yourNewImageUrl');
},
function() {
$("#img-one").attr('src', prevsrc);
}
);
这样?
http://jsfiddle.net/yDhhr/
这并不能解释mouseout/unchering,但你应该能够接受这个代码并执行它
附带说明一下,使用jQuery的attr()
特性,您基本上可以更改任何想要更改的属性。这非常有用。
$("#img-one").hover(function() {
$('#img-one').attr("src","http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg");
}
编辑:
正如David Thomas在本例中提到的那样,最好使用像这样的DOM元素
this.src = 'http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg';
相关文章:
- 获取<img>src,并通过class设置为变量(id不可用)
- 从自动生成的列表中选择时,将“img id”更改为“document.getElementById”的解决方案
- jQuery 按 ID 名称删除 img 标签不起作用
- 在 jQuery 中获取 IMG 标签的 ID
- 找到 IMG ID 和 src 并添加到数组中
- JavaScript 用具有特定 ID 的正则表达式 img 标记替换,但其他属性可以是任何属性
- 如何在TR的最后一个TD中添加事件或将ID属性添加到IMG标签
- 如何使用来自另一段 JavaScript 的 img id=“image1” 在单击时弹出
- 在加载模式中从输入文本id获取img src
- 在悬停另一个ID时更改ID img src
- JQuery检查ID中的类.如果存在,请更改img src内容
- 使用ajax将img id发送到另一个文件
- Jquery切换img点击和存储或删除img id从本地存储时,点击
- 数& lt; img>在
没有id或类
- 在不知道id或替换src的情况下更改img标签的src
- 如果图像源(img src)具有特定的类或ID,请将查询字符串添加到该图像源
- 如何显示<p>当悬停在<img>带有id
- 制作<img>元素在悬停时显示,并在单击时保持,该元素对应于被单击按钮的相同ID
- 使用document.activeElement获取选定li中img的id
- 在类中更改 img 在 id 中的类中