JS实现的展开隐藏效果

利用JS实现展开隐藏效果:

Code
1

<html>
2

<head>
3

<title>JS实现展开隐藏</title>
4

function showhidediv(id)

{
6

try

{
7

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

JS实现的展开隐藏效果相关推荐

html实现文字隐藏展开特效代码,js实现点击展开隐藏效果（实例代码）
js实现点击展开隐藏效果(实例代码) 发布时间:2020-09-20 10:47:49 来源:脚本之家阅读:69 作者:laozhang 本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果(代码 ...
鼠标点击时隐藏java代码,js实现点击展开隐藏效果（实例代码）
本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果(代码实例).有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果图: 代码实例: 事件冒泡-提示框 button { wi ...
html鼠标移动自动展开,JS实现鼠标滑过折叠与展开菜单效果代码
本文实例讲述了JS实现鼠标滑过折叠与展开菜单效果代码.分享给大家供大家参考.具体如下: 这是一款展开菜单特效,鼠标移上的时候自动展开,移走后自动折叠隐藏起来,运用了JS技术,并结合了CSS共同实现的效 ...
京东css3动画全屏海报_CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
最近在做项目时,发现CSS3中关于动画的技术,自己很少运用在项目中,平时一些列表块的收缩和展开动画效果,几乎都是使用 display 的 none 和 block,或者 visibility 的 hi ...
JS实现鼠标点击展开/隐藏表格行
<title>JS实现鼠标点击展开/隐藏表格行_网页代码站(www.webdm.cn)</title> <script language="javascript ...
css隐藏特效代码,JS特效代码，可关闭的导航隐藏效果
JS特效代码,可关闭的导航隐藏效果 #vouch{width:300px} #vouch a{text-decoration:none;} #vouch li{ list-style:none; bo ...
java侧边栏_[Java教程]js实现的侧边栏展开收缩效果
[Java教程]js实现的侧边栏展开收缩效果 0 2016-02-12 16:00:09 js实现的侧边栏展开收缩效果: 在很多应用中,尤其是客服系统一般具有这样的效果,那就是默认状态下,会折叠在网页 ...
jQuery 设计和自定义一个带展开动画效果的导航栏
设计和自定义一个带展开动画效果的导航栏,尝试写了一个demo,加上设计和调试差不多写了一天吧. 这里就来讲讲如何从设计->写布局->写样式->写JS代码完成一个完全自己设计的导航栏 ...
html li点隐藏,js控制li的隐藏和显示实例代码
html页面全部({$count}) 钢琴谱({$count_pu}) 钢琴曲({$count_qu}) 钢琴专辑({$count_zhuanji}) 钢琴全集({$count_quanji}) 钢 ...

JS实现的展开隐藏效果

JS实现的展开隐藏效果相关推荐

最新文章

热门文章