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
查看全文
相关阅读:
matlab的两种函数简单使用介绍
有关水晶易表的使用
有关navicat11版本的破解
关于配置javaee过程中的问题
svn在服务器配置安装过程中的问题
数据挖掘一
javaee版eclipse导包出现未找到类问题
git常用命名行总结
学习kafka的基本信息总结
JQuery之事件冒泡
原文地址:https://www.cnblogs.com/guanjie20/p/1410415.html
最新文章
JDBC (java database connectivity):使用java程序完成数据库操作
链接
简单的数据查询
数据库的增 删 查 改。。。。
List
第十二章 字符串累
第九章 接口
static 静态
Android的Service的初接触
Android的弹出登陆框的实现
热门文章
Android的ViewPager的初步使用
Android的PopupWindow的使用
Android自定义控件的实现步骤(二)
Android自定义控件的实现步骤(一)
隐私声明
final关键字的作用
Android的TabActivity的使用
Android获得音乐文件的方法
servlet的两种配置问题
有关登录功能的中文文字编码问题
Copyright © 2011-2022 走看看