javascript - 在鼠标悬停时突出显示图像的一部分

标签 javascript jquery css

我想创建一个页面,其中基本上包含 5 个人的黑白照片。现在,将鼠标悬停在每个人身上时,我希望那个人亮起,并在其旁边显示一个信息对话框。

谁能告诉我该怎么做?

提前致谢。 :)

最佳答案

要么使用 image map或在每个人的顶部制作“隐形”div。两者各有优缺点,但 Image Map 是专为满足您的需求而创建的。

要“照亮他们”,您唯一的选择是用透明背景覆盖 .png 图像(在不可见的 div 的悬停上),并剪掉那个人,但编辑为“光”

关于javascript - 在鼠标悬停时突出显示图像的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13358880/

相关文章:

html - 使元素粘在它们的父容器上

javascript - jQuery mouseleave e.toElement || e.relatedTarget 不起作用

javascript - 试图在 View 中将类添加到 div

html - 为什么我的标题偏到一边?

javascript - 如何编写一个Thunderbird扩展(webextension)来修改消息显示?

Jquery UI 元素拖放位置在第一次放置时跳转

javascript - 单击重定向到 codeigniter Controller

javascript - 在左侧显示子列表的 CSS 属性

javascript - 连接数组会导致将它们作为对象连接

javascript - 如何在不复制粘贴代码和编辑变量的情况下执行此操作 2 次?