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
查看全文
相关阅读:
C++字符串(srtring)反转
字典(Dictionary)
畅通工程
子串计算
神奇的口袋
SLT 优先队列 哈弗曼树最小带权路径
大数阶乘
整数拆分
A+B (带有,的数字)
Hdu 1232 畅通工程
原文地址:https://www.cnblogs.com/guanjie20/p/1410415.html
最新文章
【week2】 词频统计效能分析
【week2】 构建之法 读后感及问题
【week2】四人小组项目(WBS、NABCD)
【week2】 词频统计第一次更新
【week2】 累计进度条、psp、饼图
【week2】Scrum中的站立会议
【week2】燃尽图
【week2】 四则运算改进
C#之实现Scoket心跳机制
笔试题 (三)
热门文章
笔试题 (二)
笔试题 (一)
网络基础知识 (二)
网络的基础知识 (一)
操作系统 线程同步 基础知识 (一)
状态压缩DP
树形DP
背包问题及其变形
动规 + 打印路径
删除第一个字符串出现的第二个字符串
Copyright © 2011-2022 走看看