报表中怎么做鼠标悬停显示图片

 

这个需求会涉及写 CSS、JS, 自己在页面中实现需要考虑浏览器兼容问题,有时确实会出现影响原来布局的情况,和预期效果有一定差别。

其实现在大多报表工具都支持格子中写 html。在报表工具中实现鼠标悬停显示图片的需求,也只需要在报表里增加一个图层的定义,在对应的格子上挂上 html 事件,通过 JS 的 show()hide() 就可以轻松实现,显示的图片也可以根据指向的对象不同,动态显示出不同的图片信息,而且不会影响原有数据呈现的布局,具体实现可以参考下这篇文章的例 鼠标悬停显示图片

【关键词】

鼠标悬停显示图片 鼠标悬停显示大图 鼠标悬停在图片上显示图片 鼠标悬停在文字上显示图片