Heim > Web-Frontend > HTML-Tutorial > 鼠标移动到图片上显示解释文字效果!_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:21:02
Original
2377 Leute haben es durchsucht

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>
----------------------------------------------
  




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

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

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

实现方式很多。


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

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage