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 相关文章推荐
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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
最新的php 文件上传模型,支持多文件上传
2009/08/13 PHP
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
浅谈PHP中的
2016/04/23 PHP
PHP实现数据分页显示的简单实例
2016/05/26 PHP
jquery对dom的操作常用方法整理
2013/06/25 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
《Python学习手册》学习总结
2018/01/17 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
销售人员自我评价怎么写
2013/09/19 职场文书
计算机专业个人求职信范例
2013/09/23 职场文书
合作意向书模板
2014/03/31 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
学校开学标语
2014/10/06 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
降价通知函
2015/04/23 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
Mysql事务索引知识汇总
2022/03/17 MySQL