点击一个div隐藏另一个div
2024-10-15 08:31:03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击一个div隐藏另一个div</title> <script type="text/javascript">
function shwoOrHidden(){
if(document.getElementById("d1").style.display=='block'){
document.getElementById("d1").style.display='none';
document.getElementById("d2").style.display='block';
}else if(document.getElementById("d1").style.display=='none'){
document.getElementById("d1").style.display='block';
document.getElementById("d2").style.display='none';
}
}
</script>
</head>
<body>
<div id="d1" style="height:150px; width:150px; border:1px solid #009900; display:block; position:absolute;" onclick="shwoOrHidden()">
</div> <div id="d2" style="height:150px; width:150px; border:1px solid #FFFF00; display:none; position:absolute; left:200px;" onclick="shwoOrHidden()">
</div>
</body>
</html>
最新文章
- iOS Swift的一些小知识(不断补充)
- sql server 条件 not in (null)总是false
- linux下生成core dump文件方法及设置
- HD1064Financial Management
- VS2013中设置大小写的快捷键
- auto_ptr,shared_ptr 智能指针的使用
- Maven学习小结(三 基本概念)
- 搭建 Win CE6.0 设备开发环境
- 【Linux】鸟哥的Linux私房菜基础学习篇整理(一)
- Android为ListView的Item设置不同的布局
- 使用POI进行Excel操作的总结一——创建Workbook,Sheet,Row以及Cell
- ECSTORE 新建APP应用
- SSH登陆错误 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
- 关于Store Apps
- SQL Server 中使用参数化Top语句
- PROTEL99 SE生成的gerber 与ncdrill的坐标不对应
- 8.vue的生命周期
- 使用NPOI导入导出标准Excel
- 解决audio控制播放音量
- PostgreSQL快速入门
热门文章
- EF架构~在Linq to Entity中使用日期函數
- jQuery使用方法
- Atitit &#160;从 RGB 到 HSL 或 HSV 的转换
- paip.2013年技术趋势以及热点 v2.0 cae
- ASP.NET MVC 拦截器IResultFilter
- CKEditor Html Helpers for ASP.NET MVC3 Razor/WebForms Views
- Liferay7 BPM门户开发之47: 集成Activiti待办已办任务清单和流程启动
- SSM环境搭建(接口编程方式)
- Html与CSS快速入门03-CSS基础应用
- 使用jasperreports-5.6.0.jar导致的问题