// js方法
function txtMouseOver(obj) {
try {
var txtRange = obj.createTextRange();
var strValue = obj.value;
obj.value = "";
var txtWidth = obj.scrollWidth;
obj.value = strValue;
var fontWidth = txtRange.boundingWidth;
if (fontWidth <= txtWidth) {
return;
}
var strHTML = "";
strHTML += "<table border=0>";
strHTML += "<tr>";
strHTML += " <td class = 'msg'><div align='center'>" + strValue + "</div></td>";
strHTML += "</tr>";
strHTML += "</table>";
oRect = obj.getBoundingClientRect();
document.all["msgBox"].innerHTML = strHTML;
if (document.body.clientWidth < parseInt(oRect.left) + parseInt(txtWidth) + 2 + parseInt(fontWidth)) {
document.all["msgBox"].style.posLeft = document.body.scrollLeft + oRect.left - 17 - fontWidth;
} else {
document.all["msgBox"].style.posLeft = document.body.scrollLeft + oRect.left + txtWidth + 2;
}
document.all["msgBox"].style.posTop = document.body.scrollTop + oRect.top - 5;
document.all["msgBox"].style.filter="alpha(opacity=100)";
} catch(E) {
}
}
function txtMouseOut(obj) {
try {
document.all["msgBox"].innerHTML = "";
} catch(E) {
}
}
// html页面
<input style="width:290px" onMouseOver="txtMouseOver(this)" onMouseOut="txtMouseOut(this)" type="text" class="" readonly value="<%=test%>">
<div id="msgBox" style="position: absolute; left: 0px; top: 0px;"></div>
分享到:
相关推荐
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
aspnet 弹出div层,并把弹出层上的值赋值给页面。
css + div 滑动弹出div效果,可自定义弹出效果。
在页面加载后或者点击页面的某个链接时弹出一个div层,同时页面的其他地方会变灰
简洁清爽的弹出div效果,内含css,可迅速移植
弹出div,其他内容不能编辑弹出div 弹出层 弹出div,其他内容不能编辑弹出div 弹出层 弹出div,其他内容不能编辑弹出div 弹出层
Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭
js 弹出div 选择想要的值 返回原来页面
优点:弹出的DIV大小可以任意设定 1:绑定中数据库,动态获取数据 2:显示方式:单击方式,悬停方式 3:数据排列方式: 表头显示,表身显示 4:ajax实现异步获取数据,不刷新网页 5:以层代替弹出窗口,不仅页面方便...
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
完美弹出div窗口 修改版 完美遮罩 修复JQuery对浏览器判断的bug 支持IE6,7,8,FF jspanduanIE.html test无边框iframe完美遮罩.html demo.html 多种测试页面
JAVASCRIPT弹出DIV层窗口实例
jquery.magnific-popup.js 弹出Div模式窗口
JQUERY弹出模式DIV 采用JQEURY_CSS
当滚动条滑到最低端显示div
弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏
点击文字弹出一个DIV层窗口代码,下载就能用
div css移动鼠标改变样式弹出div层
javascript DIV隐藏、显示 弹出式窗口样式
JS弹出Div+遮罩层,弹出遮罩后滚动条不可滚动。