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 相关文章推荐
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
JS实现搜索关键词的智能提示功能
Jul 07 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
Vue.directive使用注意(小结)
Aug 31 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
curl和libcurl的区别简介
2015/07/01 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
js取小数点后两位四种方法
2019/01/18 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
python求素数示例分享
2014/02/16 Python
Python实例一个类背后发生了什么
2016/02/09 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
安全生产网格化管理实施方案
2014/03/01 职场文书
个人借款担保书
2014/04/02 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫