zoukankan
html css js c++ java
JS实现的展开隐藏效果
利用JS实现展开隐藏效果:
Code
1
<
html
>
2
<
head
>
3
<
title
>
JS实现展开隐藏
</
title
>
4
<
script language
=
"
JavaScript
"
type
=
"
text/JavaScript
"
>
5
function showhidediv(id)
{
6
try
{
7
8
var id1
=
document.getElementById(id);
9
id3.value
=
"
收缩
"
;
10
if
(id1)
11
{
12
if
(id2.style.display
==
'
block
'
)
13
{
14
id2.style.display
=
'
none
'
;
15
id3.value
=
"
展开
"
;
16
}
17
else
18
{
19
id2.style.display
=
'
block
'
;
20
}
21
}
22
}
23
catch
(e)
{}
24
}
25
</
script
>
26
<
body
>
27
<
div id
=
"
id1
"
>
28
<!--
29
<
div onclick
=
'
showhidediv("id1");
'
style
=
"
color:red;
"
>
点击标题
</
div
>-->
30
<
input type
=
"
button
"
value
=
"
展开
"
onclick
=
'
showhidediv("id1");
'
id
=
"
id3
"
style
=
"
background-color:white;
"
>
31
<
div id
=
"
id2
"
style
=
"
display:none;
"
>
32
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
33
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
id2层的内容
<
br
>
34
</
div
>
35
</
body
>
36
</
head
>
37
</
html
>
38
查看全文
相关阅读:
ARM的存储器映射与存储器重映射
Nand Flash与Nor
内核 任务的堆栈切换
Linux设备模型(总结)
file结构体中private_data指针的疑惑
Sysfs文件系统与Linux设备模型
认识udev
Linux操作系统下的常见系统资源共享
linux下的udev是干嘛的,能否说的通俗点
udev详解
原文地址:https://www.cnblogs.com/guanjie20/p/1410415.html
最新文章
跟Google学习Android开发-起始篇-构建你的第一个应用程序(4)
报错详解
Drupal 实战
庞果英雄会---寻找直方图中面积最大的矩形---编程挑战
防止程序启动两次的方法CreateMutex()
Maven assembly插件输出文件乱码问题
4 Java学习之 反射Reflection
ios将一个项目完全导为另一个项目(tool)
[leetcode]jump game
查询表达式Linq
热门文章
Oracle V$SESSION
Microsoft Dynamics CRM4.0编程---说明
在终端(Terminal)里用命令行进行数学运算
Ubuntu 13.04编译boost1.54
ARM地址重映射机制
嵌入式芯片的存储器映射和存储器重映射
关于热插拔usb hotplug /proc/sys/kernel mdev udev b...
udev
多屏幕多分辨率的支持和一些概念
devfs、sysfs、udev介绍
Copyright © 2011-2022 走看看