JAVASCRIPT 动态TIP 提示
来源:互联网 发布:怎么才能成为淘宝鉴定 编辑:程序博客网 时间:2024/04/29 06:10
<td class="font_style" onmouseover="tipShow(this)" onmouseout="hideTip(this)" tipsId='动态的VALUE'></td>
function tipShow(obj,e){
if(obj){
var tipsId = obj.getAttribute(" tipsId");
var _tips = document.getElementById(tipsId);
var px;
var py;
if(typeof(event)=="undefined"){
px = e.clientX;
py = e.clientY;
}else{
e = event;
px = e.clientX;
py = e.clientY;
}
//如果存在就显示,否则创建
if(_tips!=null){
_tips.style.display="";
}else{
//发送请求获得数据
//Ajaxw请求:
if(success){
message = response.responseText;
createTip(tipsId,message,px,py);//创建新的TIP
}else{alert(请求失败!)}
}
}
};
function createTip(tid,tip,px,py){
if(tip.length>0){
var _tips = document.getElementById(tid);
if(typeof(_tips)=="undefined"||_tips == null){
_tips = document.createElement("div");
_tips.id = tid;
_tips.value = tip;
_tips.style.position = "absolute";
_tips.style.width = "150px";
_tips.style.borderWidth = "1px";
_tips.style.borderStyle = "solid";
_tips.style.borderColor = "gray";
_tips.style.fontSize = "9pt";
_tips.style.backgroundColor = "#C7D6E9";
_tips.style.color = "#000000";
_tips.style.filter = "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)";
_tips.style.padding = "5px 8px 3px 8px";
document.body.appendChild(_tips);
_tips.style.display = "none";
}
_tips.style.display = "";
_tips.innerHTML = tip;
_tips.style.left = document.body.scrollLeft + px + 10;
_tips.style.top = document.body.scrollTop + py + 10;
}
};
function hideTip(obj){
//alert("hideTip");
if(obj){
var tipsId = obj.getAttribute("tipsId");
var _tips = document.getElementById(tipsId);
if(_tips!=null){
_tips.style.display="none";
}
}
};
- JAVASCRIPT 动态TIP 提示
- tip提示
- Tip提示效果
- 输入框提示tip
- JCombox Tip提示
- Ext.tip.ToolTip 提示
- jquery tip提示框
- winform 提示tip
- 动态弹出tip窗口
- 动态规划TIP
- d3 动态tip
- JavaScript 的几个tip
- js 文本框 内容提示 tip
- 桌面上的最小化提示Tip
- 工具提示(Tool tip)
- 控件上显示提示Tip
- Ext.tip.ToolTip 气泡提示
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- 高效的实体类操作类
- JAVA 23种设计模式
- 【二分图最佳匹配】移动棋子
- 函数调用的过程
- 免费网页抓包工具,火狐插件FireBug的抓包使用教程
- JAVASCRIPT 动态TIP 提示
- 记在四月
- 位置更新
- Delphi2007 Lite sp3 加载"Borland.Studio.Together.dll"问题
- iphone通过UIActionSheetDelegate实现警告
- Windows下重叠I/O模型
- PHP数组处理函数
- hadoop管理细节
- qt学习笔记--使用qtcreator开发