javascript实现div的显示和隐藏的小例子


Posted in Javascript onJune 25, 2013
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>oec2003</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
    if (document.getElementById){
        target=document.getElementById(targetid);
            if (target.style.display=="block"){
                target.style.display="none";
            } else {
                target.style.display="block";
            }
    }
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>              
Javascript 相关文章推荐
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
layui 弹出删除确认界面的实例
Sep 06 Javascript
vue3+typescript实现图片懒加载插件
Oct 26 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
js中复制行和删除行的操作实例
Jun 25 #Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 #Javascript
js循环改变div颜色具体方法
Jun 25 #Javascript
js点击更换背景颜色或图片的实例代码
Jun 25 #Javascript
js操作iframe的一些方法介绍
Jun 25 #Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 #Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 #Javascript
You might like
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
php表单处理操作
2017/11/16 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
完美实现js拖拽效果 return false用法详解
2017/07/28 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
原生JS实现天气预报
2020/06/16 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
通过实例了解Python异常处理机制底层实现
2020/07/23 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
违反课堂纪律检讨书
2014/01/19 职场文书
大学生自我鉴定书
2014/03/24 职场文书
新学期教师寄语
2014/04/02 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
航班延误投诉信
2015/07/02 职场文书
员工担保书范本
2015/09/22 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
教你怎么用python实现字符串转日期
2021/05/24 Python
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技