编程 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 相关文章推荐

初学prototype,发个JS接受URL参数的代码

Sep 25 Javascript

filters.revealTrans.Transition使用方法小结

Aug 19 Javascript

javascript针对DOM的应用分析（三）

Apr 15 Javascript

JavaScript实现继承的4种方法总结

Oct 16 Javascript

JQuery中clone方法复制节点

May 18 Javascript

js实现tab选项卡切换功能

Jan 13 Javascript

DOM事件探秘篇

Feb 15 Javascript

JavaScript实现选中文字提示新浪微博分享效果

Jun 15 Javascript

使用 jQuery 实现表单验证功能

Jul 05 jQuery

Vue.js与 ASP.NET Core 服务端渲染功能整合

Nov 16 Javascript

JS实现读取xml内容并输出到div中的方法示例

Apr 19 Javascript

原生JavaScript实现弹幕组件的示例代码

Oct 12 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 json格式和js json格式 js跨域调用实现代码

2012/09/08 PHP

浅析php中抽象类和接口的概念以及区别

2013/06/27 PHP

PHP把MSSQL数据导入到MYSQL的方法

2014/12/27 PHP

php延迟静态绑定实例分析

2015/02/08 PHP

解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)

2010/05/13 Javascript

仿jQuery的siblings效果的js代码

2011/08/09 Javascript

EasyUI的treegrid组件动态加载数据问题的解决办法

2011/12/11 Javascript

js onload处理html页面加载之后的事件

2013/10/30 Javascript

js判断数据类型如判断是否为数组是否为字符串等等

2014/01/15 Javascript

Javascript学习笔记之函数篇（四）:arguments 对象

2014/11/23 Javascript

基于JavaScript代码实现pc与手机之间的跳转

2015/12/23 Javascript

JavaScript闭包实例详解

2016/06/03 Javascript

JavaScript浮点数及运算精度调整详解

2016/10/21 Javascript

vue2.0父子组件及非父子组件之间的通信方法

2017/01/21 Javascript

vue-star评星组件开发实例

2018/03/01 Javascript

JavaScript字符串转数字的5种方法及遇到的坑

2018/07/16 Javascript

JS中的防抖与节流及作用详解

2019/04/01 Javascript

修改layui的后台模板的左侧导航栏可以伸缩的方法

2019/09/10 Javascript

Vue 实现简易多行滚动"弹幕"效果

2020/01/02 Javascript

微信小程序开发（一）：服务器获取数据列表渲染操作示例

2020/06/01 Javascript

vue 保留两位小数不能直接用toFixed(2) 的解决

2020/08/07 Javascript

[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13

2020/12/17 DOTA

Python中使用glob和rmtree删除目录子目录及所有文件的例子

2014/11/21 Python

在Python的Django框架中调用方法和处理无效变量

2015/07/15 Python

Python中列表和元组的相关语句和方法讲解

2015/08/20 Python

kaggle+mnist实现手写字体识别

2018/07/26 Python

python使用递归的方式建立二叉树

2019/07/03 Python

Python 如何反方向迭代一个序列

2020/07/28 Python

Python脚本调试工具安装过程

2021/01/11 Python

CSS3制作hover下划线动画

2017/03/27 HTML / CSS

肯尼亚网上商城：Kilimall

2016/08/20 全球购物

Kangol帽子官网：坎戈尔袋鼠

2018/09/26 全球购物

中间件的定义

2016/08/09 面试题

升学宴祝酒词

2015/08/11 职场文书

Kubernetes部署实例并配置Deployment、网络映射、副本集

2022/04/01 Servers

js判断两个数组相等的5种方法

2022/05/06 Javascript