编程 Javascript

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="abc" 不等于 a=new String("abc")

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 日漫