欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

鼠标移动到图片上显示解释文字效果!_html/css_WEB-ITnose

程序员文章站 2022-04-22 07:58:12
...
HTML

这个的html的代码怎么写!

回复讨论(解决方案)

不用第三方的话,就写个mousehover时间,弹出一个div,div里输入文字

不用第三方的话,就写个mousehover时间,弹出一个div,div里输入文字

可以帮忙写段代码我看下嘛,不是太懂!

不用第三方的话,就写个mousehover时间,弹出一个div,div里输入文字
其实非常的简单


不用第三方的话,就写个mousehover时间,弹出一个div,div里输入文字

可以帮忙写段代码我看下嘛,不是太懂!

很简单的

再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的

再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的
图片相对定位有什么用?


再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的
图片相对定位有什么用?
目的是让自己定义的那个div根据图片的位置来进行定位。而不是根据body。



再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的
图片相对定位有什么用?
目的是让自己定义的那个div根据图片的位置来进行定位。而不是根据body。
但是 那个消息框的div跟图片是同级的 图片相对定位跟那个弹出的div有关系吗?


----------------------------------------------




再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的
图片相对定位有什么用?
目的是让自己定义的那个div根据图片的位置来进行定位。而不是根据body。
但是 那个消息框的div跟图片是同级的 图片相对定位跟那个弹出的div有关系吗?

实现这样效果的方式很多,我只是说了其中一种,当然你也可以让图片的父元素设置成相对定位的,然后让div根据那个父元素来定位。

实现方式很多。


再给你具体点的步骤:
首先,给图片添加onmouseover事件,
设置图片的position:relative
写个div,绝对定位,然后调好位置,默认隐藏

上面那个事件处理程序用来使div显示,onmouseout之后再隐藏,简单点就是这样的
图片相对定位有什么用?

sorry,说错了,图片相对定位确实没用