鼠標移到控件上方提示幫助信息
2007-05-29 16:25
281 查看
1、創建一個*.js文件包含以下信息
//鼠標移到控件上方提示幫助信息
document.write("<div id=HelpMessageLayer style='border-right: #000000 1px ridge; border-top: #000000 1px ridge; border-left: #000000 1px ridge; color: #000033; border-bottom: #000000 1px ridge; font-family: Arial; font-size:13px; font-style: normal; font-variant: normal; text-decoration: none;background-color:#fff4e6;position: absolute; z-index: 99999999999999; display: none'>help Message!!</div>");
function MessageLayer() //初始化設置
{
this.backImage = ""; //url(print.jpg);
this.backColor = "#FFFFFF";
this.objExport = null;
this.layerOut = document.all.HelpMessageLayer;
}
var MessageLayer = new MessageLayer();
function CSWITHiddenLayer()
{
MessageLayer.layerOut.style.display = "none";
}
function CSWITHelpMessageInfo() //主調函數
{
var e = window.event.srcElement;
MessageLayer.eventSrc = e;
var o = MessageLayer.layerOut.style;
MessageLayer.layerOut.innerText= arguments[1];
if (arguments.length == 0)
{
MessageLayer.objExport = e;
}
else
{
MessageLayer.objExport = eval(arguments[0]);
}
o.display = "";
o.top=window.event.y+16;
o.left=window.event.x+5;
}
2、在前臺用JavaScript調用
調用方式如
<input type="submit" name="btnAdd" value="新增" id="btnAdd" class="input" WITOwner="true" EnableFlag="0" onmouseover="CSWITGetHelpMessageInfo(this,'新增功能');CSWITURL_OnMouseOver(this,'#000000');" style="width:41px;" />
o.display = "";
o.top=window.event.y+16;
o.left=window.event.x+5;
}
注意: 粗體部分為調用的部分
//鼠標移到控件上方提示幫助信息
document.write("<div id=HelpMessageLayer style='border-right: #000000 1px ridge; border-top: #000000 1px ridge; border-left: #000000 1px ridge; color: #000033; border-bottom: #000000 1px ridge; font-family: Arial; font-size:13px; font-style: normal; font-variant: normal; text-decoration: none;background-color:#fff4e6;position: absolute; z-index: 99999999999999; display: none'>help Message!!</div>");
function MessageLayer() //初始化設置
{
this.backImage = ""; //url(print.jpg);
this.backColor = "#FFFFFF";
this.objExport = null;
this.layerOut = document.all.HelpMessageLayer;
}
var MessageLayer = new MessageLayer();
function CSWITHiddenLayer()
{
MessageLayer.layerOut.style.display = "none";
}
function CSWITHelpMessageInfo() //主調函數
{
var e = window.event.srcElement;
MessageLayer.eventSrc = e;
var o = MessageLayer.layerOut.style;
MessageLayer.layerOut.innerText= arguments[1];
if (arguments.length == 0)
{
MessageLayer.objExport = e;
}
else
{
MessageLayer.objExport = eval(arguments[0]);
}
o.display = "";
o.top=window.event.y+16;
o.left=window.event.x+5;
}
2、在前臺用JavaScript調用
調用方式如
<input type="submit" name="btnAdd" value="新增" id="btnAdd" class="input" WITOwner="true" EnableFlag="0" onmouseover="CSWITGetHelpMessageInfo(this,'新增功能');CSWITURL_OnMouseOver(this,'#000000');" style="width:41px;" />
o.display = "";
o.top=window.event.y+16;
o.left=window.event.x+5;
}
注意: 粗體部分為調用的部分
相关文章推荐
- Android控件之AlertDialog-信息提示框
- ASP.NET自定义控件之Tips提示信息控件(一)
- C#在同一个控件的不同位置显示提示信息
- jquery当鼠标移动到button按钮控件时,会出现提示信息
- CToolTipCtrl在CComboBox控件上显示提示信息
- flex中验证控件出错提示信息字体太小的问题
- 2011-12-02 08:41 MFC添加鼠标移动到控件上时的提示信息
- [MFC] 鼠标移动到控件上显示提示信息
- 鼠标停在控件上就显示提示信息
- 怎样为任何控件和区域添加提示信息:用自己封装的CTip类
- VC/MFC 当鼠标移到控件上时显示提示信息
- MFC之对话框程序界面控件提示信息操作CToolTipCtrl
- IOS控件列---仿Android的Toast提示信息
- OWA或Messenger样式的信息提示窗口&mdash;&mdash;编写ASP.NET AJAX Extender控件(中):封装成服务器端控件
- 屏蔽DataGridView控件DataError 事件提示的异常信息
- 使用ajax控件时的提示信息
- MFC添加鼠标移动到控件上时的提示信息
- Android SnackBar:你值得拥有的信息提示控件
- JQuery应用 - 移动至控件显示提示信息
- .Net验证控件显示提示信息