Rumah >hujung hadapan web >html tutorial >鼠标移动到图片上显示解释文字效果!_html/css_WEB-ITnose
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,说错了,图片相对定位确实没用