大先生G 2021-09-30 04:33 采纳率: 100%
浏览 42
已结题

如何实现鼠标经过图片热区弹出一张小图？

我用dw给一张图片画了四个固定的热区
如何实现鼠标经过热区弹出一个小图片，鼠标离开后图片关闭。

  • 写回答

3条回答 默认 最新

  • 前端不释卷leo 前端领域新星创作者 2021-09-30 06:57
    关注

    分几步：
    第一，你需要一个容器装图片如div，这个div为热区的子元素
    第二，装图片的div默认不显示，display:none
    第三，鼠标移入热区显示图片，设置伪类:hover，然后图片显示出来，display:block
    第四，对图片的div进行定位，父容器热区的div进行相对定位position:relative，图片容器使用绝对定位position:absolute，然后其改变其top跟right即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 10月8日
  • 已采纳回答 9月30日
  • 创建了问题 9月30日

悬赏问题

  • ¥15 求指导ADS低噪放设计
  • ¥15 CARSIM前车变道设置
  • ¥50 三种调度算法报错 有实例
  • ¥15 关于#python#的问题，请各位专家解答！
  • ¥200 询问：python实现大地主题正反算的程序设计，有偿
  • ¥15 smptlib使用465端口发送邮件失败
  • ¥200 总是报错，能帮助用python实现程序实现高斯正反算吗？有偿
  • ¥15 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错？CRNN神经网络
  • ¥20 steam下载游戏占用内存