Javascript 从链接定位图像
我在网页上有一个标准的Javascript 从链接定位图像,javascript,html,Javascript,Html,我在网页上有一个标准的链接。我正试图使用onmouseover在同一页面上的其他地方更改图像,但我一事无成 我猜这是可能的,但如何实现呢?您可以使用以下JS代码: window.load = function() { var link = document.getElementById('LINK_ID'); var img = document.getElementById('IMAGE_ID'); link.onmouseover = function() {
链接。我正试图使用onmouseover
在同一页面上的其他地方更改图像,但我一事无成
我猜这是可能的,但如何实现呢?您可以使用以下JS代码:
window.load = function() {
var link = document.getElementById('LINK_ID');
var img = document.getElementById('IMAGE_ID');
link.onmouseover = function() {
img.src = 'put image path here to change';
}
}
然后,若你们想回到原来的图像,当用户将鼠标移出链接时
window.load = function() {
var link = document.getElementById('LINK_ID');
var img = document.getElementById('IMAGE_ID');
var org_img = img.src;
link.onmouseover = function() {
img.src = 'put image path here to change';
}
link.onmouseout = function() {
img.src = org_img;
}
}
您可以通过内联路线快速解决问题
<a href="#" onmouseover="document.pic.src='Hover Image'" onmouseout ="document.pic.src='Original Image'">Change That Pic!</a>
然后图像本身将被添加为
<img name=pic src="Original Image" />
我想我们需要更多信息-你能发布一些代码吗?用简单的旧JS?或者可以使用JQ吗?:-)无论图像在页面上的什么位置,都可以通过它的ID找到它。在鼠标悬停事件处理程序中,使用
getElementById
定位图像。让我们看看你试过什么,假设是JS,因为jQuery没有标记,@deadconversationsYes,但从他的问题风格来看,他可能不知道JQ的存在。