<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language=javascript>
function showdiv(divnum,divbefor){
for(i=1;i<=divnum;i++){
try{
if(i==divbefor){
window.eval("div"+i).style.display="inline";
}else{
window.eval("div"+i).style.display="none";
}
}catch(e){ }
}
}
</script>
<style type="css/text">
body{font-size:12px;}
div{background-color:#ccc;}
</style>
<div>
<input type="button" value="第一层" onclick="javascript:showdiv(3,1);" />
</div>
<div id="div1" class="aaa">
这是第一层<br />
这是一片净土,一片原始的“湿地”,作为长江口野生动物资源基地,它成为野生鸟类集居栖息的“乐园”。一年四季,这里群鸟飞舞,天鹅游弋,鸟儿从东欧、东亚、东南亚、澳大利亚等地区迁徙过来。被列为保护动物的珍稀候鸟,例如仙鹤等,有130 多种。据研究机构观测,过境鸟中有国家二级保护动物小天鹅,在东滩越冬数量约2000 只。更多的来自澳大利亚、新西兰、日本等国的过境栖息候鸟,总数达300 多万只,种类有白额雁、绿鹭、中白鹭、黑脸琵鹭等,基本都是国际上公认的一、二类保护鸟类。当你乘坐牛舢舨进入东滩,会被眼前壮丽的景色所陶醉:在清亮的水天中,褐红色江滩像地毯般伸展,几洼浅水散缀其间。远远的芦荡中,芦花白,芦杆黄,谧谧的溢着幽情野趣。几只灰色的水鸟脆鸣着斜进云天,潇洒地在湛蓝中划出几道弧线后,贴近了水面笔直滑翔远去。
</div>
<div>
<input type="button" value="第二层" onclick="showdiv(3,2)" />
</div>
<div id="div2" class="aaa" style="display:none;">
这是第二层<br />
这是一片净土,一片原始的“湿地”,作为长江口野生动物资源基地,它成为野生鸟类集居栖息的“乐园”。一年四季,这里群鸟飞舞,天鹅游弋,鸟儿从东欧、东亚、东南亚、澳大利亚等地区迁徙过来。被列为保护动物的珍稀候鸟,例如仙鹤等,有130 多种。据研究机构观测,过境鸟中有国家二级保护动物小天鹅,在东滩越冬数量约2000 只。
</div>
<div>
<input type="button" value="第三层" onclick="showdiv(3,3)" />
</div>
<div id="div3" class="aaa" style="display:none;">
这是第三层<br />
更多的来自澳大利亚、新西兰、日本等国的过境栖息候鸟,总数达300 多万只,种类有白额雁、绿鹭、中白鹭、黑脸琵鹭等,基本都是国际上公认的一、二类保护鸟类。当你乘坐牛舢舨进入东滩,会被眼前壮丽的景色所陶醉:在清亮的水天中,褐红色江滩像地毯般伸展,几洼浅水散缀其间。远远的芦荡中,芦花白,芦杆黄,谧谧的溢着幽情野趣。几只灰色的水鸟脆鸣着斜进云天,潇洒地在湛蓝中划出几道弧线后,贴近了水面笔直滑翔远去。
</div>
</body>
</html>
三种JS展开关闭层按钮效果
5星 · 超过95%的资源 需积分: 10 2 浏览量
2009-03-14
21:09:23
上传
评论 3
收藏 3KB RAR 举报
mb5958
- 粉丝: 0
- 资源: 4
最新资源
- 基于Python的图像阴影检测与去除源码(高分期末大作业项目).zip
- 基于C++/Qt实现的井字棋游戏
- 基于 Python 编程语言的 Web 框架Django
- Python和Flask实现的基于体检数据的城市公共健康可视分析系统源码+使用说明.zip
- 基于python实现的华为智慧工地-安全帽检测
- buck-boost_2023-12-16_12-12-13.eprj
- 后端开发关于数据库和API开发的介绍
- 机器学习和数据挖掘课程设计-米其林餐厅数据挖掘管理系统源码+使用文档说明.zip
- html html html展示我与ai的对化
- 数据结构课程设计-全国交通出行咨询模拟系统C语言实现源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
前往页