[c.y.j]练习div显示
来源:互联网 发布:淘宝交易成功数据 编辑:程序博客网 时间:2024/05/17 09:08
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>javascript</title>
<script type="text/javascript">
window.onload=function(){
var odiv1=document.getElementById("div1");
var odiv2=document.getElementById("div2");
var setTimevar=null;
odiv2.onmouseover=odiv1.onmouseover=function(){
odiv2.style.display="block";
clearTimeout(setTimevar);
}
odiv2.onmouseout=odiv1.onmouseout=function(){
setTimevar=setTimeout(function(){
odiv2.style.display="none";
},1000);
}
};
</script>
</head>
<body>
<div id="div1" style="background:#C00 ; height:100px; width:100px">
</div><br/>
<div id="div2" style="background:#0F3 ; height:100px; width:100px;display:none;">
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>javascript</title>
<script type="text/javascript">
window.onload=function(){
var odiv1=document.getElementById("div1");
var odiv2=document.getElementById("div2");
var setTimevar=null;
odiv2.onmouseover=odiv1.onmouseover=function(){
odiv2.style.display="block";
clearTimeout(setTimevar);
}
odiv2.onmouseout=odiv1.onmouseout=function(){
setTimevar=setTimeout(function(){
odiv2.style.display="none";
},1000);
}
};
</script>
</head>
<body>
<div id="div1" style="background:#C00 ; height:100px; width:100px">
</div><br/>
<div id="div2" style="background:#0F3 ; height:100px; width:100px;display:none;">
</div>
</body>
</html>
0 0
- [c.y.j]练习div显示
- [c.y.j]练习定时器时钟
- [c.y.j]练习运动框架
- [c.y.j]滚动条 练习
- [c.y.j]js练习表格隔行 添加
- [c.y.j]正则
- [c.y.j]js根据地区时区显示时间
- [c.y.j]spring redis
- [c.y.j]spring aop
- [c.y.j]mac mysql remove
- [c.y.j]spring mvc controller 传参
- [c.y.j]js freemarker 去除空格
- [c.y.j]spring redis utils
- [c.y.j]redis 错误提示
- [c.y.j]tomcat URIEncoding useBodyEncodingForURI
- [c.y.j]邮箱正则表达式
- [c.y.j]js 鼠标移动事件
- [c.y.j]tomcat 性能优化
- UVa 10944 状态压缩DP
- UI第四节复习
- 使用bat批量新建文件夹
- 基于ARM Cortex-M4处理器的32位RISC微控制器
- C技巧:结构体参数转成不定参数
- [c.y.j]练习div显示
- 16.1
- kvm
- CSDN第一篇
- Java Stream简介, 流的基本概念.
- 23中设计模式
- 我们为何离职???
- cxf + spring 的WS-Security示例(一)
- 8路彩灯显示系统