javascript - 当页面上的链接悬停时,将一个 div 背景更改为多个图像

标签 javascript css hover background-image onhover

我正在处理的页面有多个链接,但有一个固定区域,当这些链接中的任何一个悬停在上面时,背景会淡入新图像。有点像这个脚本:http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

除了该脚本的唯一选项是让这些链接指向那个大图像,我需要这些链接完全转到不同的地方。

我该怎么办?感谢您的帮助。

最佳答案

您只需将此代码放在每个小图像中,并根据目的地更改“where_you_want_it_to_go”部分。

onmouseover=document.getElementById('where_you_want_it_to_go').innerHTML= '<img src="image.jpg/>';"

这就是您要找的吗?

关于javascript - 当页面上的链接悬停时,将一个 div 背景更改为多个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10022674/

相关文章:

javascript - uploadify改变脚本数据

javascript - AS3 - 桌面屏幕的物理尺寸

css - 在 IE11 中,元素仅在悬停时显示,但在首次加载时不显示?

javascript - 事件不适用于使用 Snap.svg 制作的 SVG

javascript - mysql 请求后 Node JS 重定向

javascript - 单击时更改标题的 CSS 属性

javascript - 控制 HTML 表单文本区域中的图像上传大小

javascript - 无法达到高度 :100% when using jQuery Mobile

html - 如何使用 html 和 css 将淡入淡出的文本居中?

CSS: LINK:HOVER 背景图像似乎有效,但一旦悬停就不会出现