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
查看全文
相关阅读:
实现免费WiFi无线共享
详解spring配置文件
P1886 滑动窗口 /【模板】单调队列
P3370 【模板】字符串哈希
P3371 【模板】单源最短路径(弱化版)
P3367 【模板】并查集
P1177 【模板】快速排序
P3382 【模板】三分法
P3374 【模板】树状数组 1
P1226 【模板】快速幂||取余运算
原文地址:https://www.cnblogs.com/guanjie20/p/1410415.html
最新文章
如何加入域?
安装域控制服务器
在程序员的道路上,义无反顾的努力,有思想的人,很多,好的想法,需要学习。(以此共勉)
银联接口的一些加密方式
Request.QueryString()、Request.From(),Request()区别
什么是句柄
NumericUpDown 控件输入限制小数位
IntPtr类型
WebService 的WSDL 的结构分析
sql 动态修改查询条件
热门文章
IsPostBack深入探讨
Decimal 保留2为小数。
ASP搜索型注入
详解Spring的applicationContext.xml文件代码
搜索型注入的文章
spring3配置文件中的context:propertyplaceholder/元素
我将Spring配置文件放置在applicationContextcommon.xml中
Delphi中record的使用
Spring的组件自动扫描机制
JPA @MappedSuperclass注解的使用说明
Copyright © 2011-2022 走看看