按钮控制显示隐藏

来源：互联网发布：手机怎么制作软件程序编辑：程序博客网时间：2024/04/28 10:21
jQuery实现的点击按钮实现div的隐藏和显示切换效果:
本章节仅仅是弹出一个div层，如果想要弹出带有遮罩的层可以参阅点击弹出居中带有透明遮罩层窗口一章节。
点击按钮或者其他元素实现指定元素的显示和隐藏的切换在实际应用中非常常见，下面就以点击按钮实现div元素的隐藏和显示切换为例做一下简单介绍，代码实例如下:[HTML] 纯文本查看 复制代码运行代码
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<metacharset=" utf-8">
<metaname="author"content="http://www.softwhy.com/"/>
<title>蚂蚁部落</title>
<styletype="text/css">
#hidden_enent{
  width:200px;
  height:150px;
  background:#ccc;
  text-align:center;
  line-height:150px;
}
</style>
<scripttype="text/javascript"src="mytest/jQuery/jquery-1.8.3.js"></script>
<scripttype="text/javascript">
$(function(){
  $('#click_event').click(function(){
    if($('#hidden_enent').is(':hidden')){
      $('#hidden_enent').show();
      $('#click_event').val('点击隐藏');
    }
    else{
      $('#hidden_enent').hide();
      $('#click_event').val('点击显示');
    }
  })
})
</script>
</head>
<body>
<inputtype="button"id="click_event"value="点击隐藏"/>
<divid="hidden_enent">蚂蚁部落欢迎您</div>
</body>
</html>
        0        0           
按钮控制显示隐藏
JavaScript控制按钮的显示和隐藏
在Repeater下控制显示隐藏按钮
EasyUI按钮控制标签显示与隐藏
用同一按钮控制DIV的显示/隐藏
利用一个按钮控制DIV的显示与隐藏
按钮状态控制、指示器的显示及隐藏
NC portal获取按钮控件,控制其显示与隐藏
javascript控制点击一次按钮实现元素的显示隐藏
控制按钮隐藏
单一按钮显示/隐藏
键盘显示隐藏控制
JavaScript控制显示隐藏
隐藏和显示按钮控件。
隐藏和显示按钮控件
按钮的显示与隐藏
点击按钮显示/隐藏答案
JQuery显示隐藏一个按钮
【JVM笔记】Class版本号对应Java版本
超级台阶
树形DP-HDU2196
超级玛丽
图像自动去暗角算法(vegnetting
按钮控制显示隐藏
Zero_One串
Android中的Service介绍和生命周期
List<Map<String, Object>>对其中的map按规则排序
最长升序和降序子序列-作业题
extern，const，static
win10 下安装Oracle 11g(问题：环境不满足最低要求)
最长升序和降序子序列-分分钟的碎碎念
SQL语句中的正则表达示