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

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

WBOY
WBOYoriginal
2016-06-24 12:21:022338parcourir

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有关系吗?

<script> <br /> function point(){ <br /> alert("你想干什么"); <br /> } <br /> </script>
----------------------------------------------
  

demo




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

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

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

实现方式很多。


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

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

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn