>웹 프론트엔드 >HTML 튜토리얼 >鼠标移动到图片上显示解释文字效果!_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:21:022367검색

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,说错了,图片相对定位确实没用

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.