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

jquery 插件任意位置浮动固定层

Dec 25 Javascript

JS模块与命名空间的介绍

Mar 22 Javascript

JS Jquery 遍历,筛选页面元素自动完成(实现代码)

Jul 08 Javascript

Javascript 多浏览器兼容总结(实战经验)

Oct 30 Javascript

jQuery获取和设置表单元素的方法

Feb 14 Javascript

10分钟学会写Jquery插件实例教程

Sep 06 Javascript

学习javascript面向对象 javascript实现继承的方式

Jan 04 Javascript

Vue.js组件使用开发实例教程

Nov 01 Javascript

教你用十行node.js代码读取docx的文本

Mar 08 Javascript

vue 自定义指令自动获取文本框焦点的方法

Aug 25 Javascript

javascript中toFixed()四舍五入使用方法详解

Sep 28 Javascript

p5.js绘制创意自画像

Nov 04 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&MYSQL服务器配置说明

2006/10/09 PHP

深入学习微信网址链接解封的防封原理visit_type

2019/08/15 PHP

Yii框架操作cookie与session的方法实例详解

2019/09/04 PHP

PHP接入支付宝接口失效流程详解

2020/11/10 PHP

论坛里点击别人帖子下面的回复，回复标题变成“回复 24# 的帖子”

2009/06/14 Javascript

JavaScript基础语法让人疑惑的地方小结

2012/05/23 Javascript

jQuery动态显示和隐藏datagrid中的某一列的方法

2013/12/11 Javascript

使用Chrome浏览器调试AngularJS应用的方法

2015/06/18 Javascript

Angularjs结合Bootstrap制作的一个TODO List

2016/08/18 Javascript

Actionscript与javascript交互实例程序(修改)

2016/09/22 Javascript

BootStrap Tooltip插件源码解析

2016/12/27 Javascript

Web 开发中Ajax的Session 超时处理方法

2017/01/19 Javascript

jquery中each循环的简单回滚操作

2017/05/05 jQuery

vue 指令之气泡提示效果的实现代码

2018/10/18 Javascript

微信小程序实现通过js操作wxml的wxss属性示例

2018/12/06 Javascript

使用layer模态框给新页面传值的方法

2019/09/27 Javascript

vue实现路由不变的情况下，刷新页面操作示例

2020/02/02 Javascript

[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

Python AES加密模块用法分析

2017/05/22 Python

python如何统计序列中元素

2020/07/31 Python

使用Python paramiko模块利用多线程实现ssh并发执行操作

2019/12/05 Python

python sitk.show()与imageJ结合使用常见的问题

2020/04/20 Python

Python中关于logging模块的学习笔记

2020/06/03 Python

python使用re模块爬取豆瓣Top250电影

2020/10/20 Python

HTML5组件Canvas实现图像灰度化(步骤+实例效果)

2013/04/22 HTML / CSS

香蕉共和国加拿大官网：Banana Republic加拿大

2018/08/06 全球购物

Fenty Beauty官网：蕾哈娜创立的美妆品牌

2021/01/07 全球购物

META-INF文件夹中的MANIFEST.MF的作用

2016/06/21 面试题

高中物理教学反思

2014/02/08 职场文书

教师自我鉴定范文

2014/03/20 职场文书

幼儿园六一儿童节主持节目串词

2014/03/21 职场文书

雷锋式好少年事迹材料

2014/08/17 职场文书

专业技术人员年度考核评语

2014/12/31 职场文书

2015年学校后勤工作总结

2015/04/08 职场文书

python爬取某网站原图作为壁纸

2021/06/02 Python

HTML5页面音频自动播放的实现方式

2021/06/21 HTML / CSS