e.innerText = window.event.srcElement.alt;--------------------------------------------------e.innerHTML = window.event.srcElement.alt;
<input type=button value=ok onmouseover="cc(this)" alt="<table><tr><td><button>button</button></td></tr></table>">
不过closeDiv()要根据实际情况加以判断,否一进入<table>或<button>区域也会发生onmouseout
<input type=button value=ok onmouseover="cc(this)" alt="<table><tr><td><button>button</button></td></tr></table>">
不过closeDiv()要根据实际情况加以判断,否一进入<table>或<button>区域也会发生onmouseout
解决方案 »
- 用jQuery时,浏览器的兼容性问题。
- 关于ButtonGroup的一个问题
- 错误:‘document.form'为空或不是对象代码:0 URL:http://localhost:3065/sytem@@/text.asp?id=2
- 怎么加载本地JS文件?
- javascript控制层展开的问题
- 为什么alert('\u5408\u8ba1');可以得到汉字,而alert(a.value);却不能得到汉字呢?
- 初入国内500强,有几个js的编程规范不理解,好吧,只要你进来我就告诉你公司名字。。。
- 怎樣讓層能夠用鼠標拖動起來﹗?不用DW里的方法﹗﹗
- 类似CSDN给分程序的问题
- 请高手帮帮小弟啊,有急用!
- 几个 javascript的问题(来自一个初学者)
- 寻找JavaScript的学习之道?
{
var e = document.getElementById("pop");
var t = tt.offsetTop; //TT控件的定位点高
var h = tt.clientHeight; //TT控件本身的高
var l = tt.offsetLeft; //TT控件的定位点宽
var ttyp = tt.type; //TT控件的类型
while (tt = tt.offsetParent){t += tt.offsetTop; l += tt.offsetLeft;}
e.style.top = (ttyp=="image")? t + h : t + h + 6; //层的 Y 坐标
e.style.left = l + 1; //层的 X 坐标
e.style.display = "block"; //层显示
e.innerText = window.event.srcElement.alt; //========如果你想显示原来的内容的话,这句就不要了,这句把div的内容变为<input type=button 中的alt属性的值了
//var obj=document.getElementById("pop"); //==>这句也可以不用要了,你都有e了
if(e.style.display=="")
{
e.style.display="none"
}
else
{
e.style.display=""
}
}
//<input
type=button
onclick=alert()
value=哈哈
/>
>
alert("从前有座山!");
</script
>
>
alert("山里有座庙~~");
alert("庙里有个老和尚和小和尚~~");
alert("有一天,老和尚讲故事给小和尚听~~");
alert("从前有座山~~");
alert("山里有座庙~~");
alert("庙里有个老和尚和小和尚~~");
alert("有一天,老和尚讲故事给小和尚听~~");
alert("...........");
alert("故事结束了·····论坛有bug哦···");
</script
>
<script
>
alert("山里有座庙~~");
alert("庙里有个老和尚和小和尚~~");
alert("有一天,老和尚讲故事给小和尚听~~");
alert("从前有座山~~");
alert("山里有座庙~~");
alert("庙里有个老和尚和小和尚~~");
alert("有一天,老和尚讲故事给小和尚听~~");
alert("...........");
alert("故事结束了·····论坛有bug哦···");
</script
>
{
var div=document.getElementById("div1");
div.style.display="";
}
function off()
{
var div=document.getElementById("div1");
objSrc = event.srcElement; //触发事件对象
objTo = event.toElement; //鼠标移入对象
event.cancelBubble = true; //取消事件的传递
if (!objSrc.contains(objTo) && (!objTo.contains(objSrc) || typeof(objSrc.onmouseout)=="function"))
div.style.display="none";
}
</script> <br />
<br />
<input id="Button3" type="button" value="button" onmouseover="on();" /><br /> <br />
<br />
<div id="div1" style="position: absolute; width: 505px; height: 194px; z-index: 99;
display: none; background-color: #FF0000" onmouseout="off();">
<table style="width: 90%; height: 91%;">
<tr>
<td>
ddd
</td>
<td>
<input id="Text3" type="text" /></td>
<td>
<input id="Button2" type="button" value="button" /></td>
</tr>
</table>
</div>这段代码我参考了一下别人的,这段代码基本上可以实现移动到按钮上显示DIV,然后从DIV移出后能自动隐藏,不过我发现如果DIV内的TABLE其width和height都是100%的话,就不容易成功隐藏了,有没有更好的办法?
//e.innerText = window.event.srcElement.alt;function closeDiv()
{
var obj=document.getElementById("pop");
obj.style.display="none"
} 加入onmouseout判断,因为鼠标移动该<div>的<table>里也属于onmouseout了
http://www.cnblogs.com/pengpengsay/archive/2007/10/30/943622.html
我写的文章,关于你的这个的。。给分吧!