视图状态下鼠标移动到某文本上弹出小对话框-js实现

最新推荐文章于 2022-07-18 19:39:56 发布

机场信息系统研究员

最新推荐文章于 2022-07-18 19:39:56 发布

阅读量5.4k

点赞数

分类专栏： myapps平台文章标签： function javascript object string class 脚本

本文链接：https://blog.csdn.net/lejuo/article/details/6830663

版权

使用JavaScript，通过鼠标悬停在文本上时弹出小对话框，解决了原本视图界面无法显示详细数据的问题。主要步骤包括：1.在style.css中编写样式，2.在list.js中编写生成对话框的JS代码，3.在后台视图列脚本中实现悬停弹框功能。详细示例参考：http://download.csdn.net/detail/lejuo/3644093。

摘要由CSDN通过智能技术生成

原本视图界面下，都只是看数据，不能利用鼠标弹出框显示数据，怎么解决，想到js鼠标悬停对话框功能。于是马上做：

1.将样式代码写在portal/gray/resource/css/style.css文件中

/*添加的javascript悬浮窗口*/
.tip{
	width:350px;
	border:5px solid #ddd;
	padding:8px;
	background:#EEE9BF;
	color:#030303;
	font:12px/1.8 arial;
}

2.将生成js窗体的代码写在script/list.js文件中

//javascript平台弹出悬浮窗口
var tip = {
                $: function(ele) {
                    if (typeof(ele) == "object") return ele;
                    else if (typeof(ele) == "string" || typeof(ele) == "number") return document.getElementById(ele.toString());
                    return null;
                },
                mousePos: function(e) {
                    var x, y;
                    var e = e || window.event;
                    return {
                        x: e.clien