解决方案 »
- jQuery UI datepicker
- (IE7)关于ModalDialog页面内的表单在本窗口中提交的问题
- Json数组的操作问题
- 新人求助,在线等 javascript 的问题?
- texrarea好象不支持scrollTo方法
- 关于JAVA选择开发工具的问题
- 请求页面漂浮Flash广告的控制代码。
- 怎麼才能在執行document.execCommand('SaveAs','new.htm');語句後讓頁面上的按鈕不顯示?
- 如何获取jquery easyui 中combobox选中的值呢?
- Gulp压缩合并js后,html路径替换问题
- 求一个JS实例
- Object能够转换成Element吗?
on的时候让div显示display为block
LZ看一下JS事件的冒泡机制
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
div {
border-style:solid;
border-width:1px;
}</style>
<script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function doMouseOut(e, father) {
var event = e || window.event;
var parent = isIE ? event.toElement : event.relatedTarget;
while ( parent && parent !== father ) {
parent = parent.parentNode;
} if ( parent !== father ) {
// 这里写你的代码
alert("1");
}
}</script>
</head>
<body>
<div id="father" style="width:500px;height:500px;left:100px;top:100px;position:absolute; background-color:#ffffff;" onmouseout="doMouseOut(event, this)" >
<div><a href="#">0</a></div>
<div><a href="#">1</a></div>
<div><a href="#">2</a></div>
<div><a href="#">3</a></div>
<div><a href="#">4</a></div>
</div> </body>
</html>试试jquery的做法吧,把上面alert(1)的地方替换成你的代码