图片的鼠标悬停显示一些详细信息

a676663054 · 发表于 2017-3-29 15:48:15

现在存在一个问题：在界面有一个图像，我现在要实现一个功能：功能是将鼠标悬停在图像上，会显示一些相关的内容和信息，移开的时候信息不显示。我在图像的时间里找到了onmouseover 和onmouseout事件，请问是不是在这两个事件里写，怎么书写

liangyongfei · 发表于 2017-3-29 16:17:04

鼠标的这几个事件！你试试吧！

可以使用popOver弹出信息！也可以自己动态添加div !

a676663054 · 发表于 2017-3-29 16:21:53

里面的方法要怎么写，我是新手。跟JQuery一样？都是相同方法的书写？请给一些详细代码

YZH · 发表于 2017-3-29 16:39:20

这两个事件,上面进入下面离开

a676663054 · 发表于 2017-3-29 16:42:53

YZH 发表于 2017-3-29 16:39
这两个事件,上面进入下面离开

里面的事件需要怎么写，可以给一下代码？

a676663054 · 发表于 2017-3-29 17:03:07

再详细一些，就是我鼠标悬浮在图像上的时候，要显示一些文字来介绍这些文字。

liangyongfei · 发表于 2017-3-29 17:24:55

a676663054 发表于 2017-3-29 17:03
再详细一些，就是我鼠标悬浮在图像上的时候，要显示一些文字来介绍这些文字。 ...

只是一些文字吗？？
如果是的话
直接填加 alt 属性，写提示信息就可以了！
<img alt=鼠标停留显示的文字鼠标停留显示的文字>

a676663054 · 发表于 2017-3-30 09:51:59

liangyongfei 发表于 2017-3-29 17:24
只是一些文字吗？？
如果是的话
直接填加 alt 属性，写提示信息就可以了！

我尝试了用popover组件但是有一个问题：就是拖拽的案例，我要将拖拽的图像实现两个功能：一个是鼠标在图像上能够进行拖拽，另一个是我鼠标悬停在上面的时候会显示文字和信息，但是我实现的这两个功能不能一起实现，请问能同时实现？怎么实现

a676663054 · 发表于 2017-3-30 10:24:52

liangyongfei 发表于 2017-3-29 17:24
只是一些文字吗？？
如果是的话
直接填加 alt 属性，写提示信息就可以了！

我使用了mouseup 和mousedown两个事件实现了这个功能，我想达到这样一个效果：鼠标拖拽到任意位置以后，鼠标抬起了不想让他显示文字信息。能有什么办法实现？

liangyongfei · 发表于 2017-3-30 11:18:42

a676663054 发表于 2017-3-30 10:24
我使用了mouseup 和mousedown两个事件实现了这个功能，我想达到这样一个效果：鼠标拖拽到任意位置以后， ...

可以定义一个全局变量！！通过修改变量的值，控制代码是否执行！就能达到效果！

		自动登录	找回密码
密码			注册

[结贴] 图片的鼠标悬停显示一些详细信息