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

js TextArea的选中区域处理

Dec 28 Javascript

js创建数据共享接口——简化框架之间相互传值

Oct 23 Javascript

关于extjs treepanel复选框选中父节点与子节点的问题

Apr 02 Javascript

JQuery调用WebServices的方法和4个实例

May 06 Javascript

JS判断字符串包含的方法

May 05 Javascript

jquery插件unobtrusive实现片段式加载

Jun 15 Javascript

jquery 将当前时间转换成yyyymmdd格式的实现方法

Jun 01 Javascript

AngularJS 自定义指令详解及示例代码

Aug 17 Javascript

js实现把图片的绝对路径转为base64字符串、blob对象再上传

Dec 29 Javascript

Bootstrap Table使用整理(一)

Jun 09 Javascript

浅谈vue-router2路由参数注意的问题

Nov 08 Javascript

Vue封装Axios请求和拦截器的步骤

Sep 16 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

CodeIgniter中实现泛域名解析

2014/07/19 PHP

PHP操作FTP类 (上传、下载、移动、创建等)

2016/03/31 PHP

thinkPHP5.0框架URL访问方法详解

2017/03/18 PHP

phpMyAdmin无法登陆的解决方法

2017/04/27 PHP

laravel框架模型中非静态方法也能静态调用的原理分析

2019/11/23 PHP

php实现对短信验证码发送次数的限制实例讲解

2021/03/04 PHP

JAVASCRIPT HashTable

2007/01/22 Javascript

jquery随意添加移除html的实现代码

2011/06/21 Javascript

自己实现ajax封装示例分享

2014/04/01 Javascript

jQuery移除元素自动解绑事件实现思路及代码

2014/05/31 Javascript

基于jQuery实现的向下滑动二级菜单效果代码

2015/08/31 Javascript

JavaScript html5 canvas画布中删除一个块区域的方法

2016/01/26 Javascript

JavaScript基于原型链的继承

2016/06/22 Javascript

深入理解Nodejs Global 模块

2017/06/03 NodeJs

基于Vue组件化的日期联动选择器功能的实现代码

2018/11/30 Javascript

React中使用Vditor自定义图片详解

2020/12/25 Javascript

详解Python import方法引入模块的实例

2017/08/02 Python

对python GUI实现完美进度条的示例详解

2018/12/13 Python

python使用Geany编辑器配置方法

2020/02/21 Python

Django封装交互接口代码

2020/07/12 Python

10 套华丽的CSS3 按钮小结

2012/10/03 HTML / CSS

CSS3中Animation属性的使用详解

2015/08/06 HTML / CSS

HTML5进阶段内联标签汇总（小篇）

2016/07/13 HTML / CSS

东芝官网商城：还原日式美学，打造美好生活

2018/12/27 全球购物

应届毕业生就业自荐信

2013/10/26 职场文书

电气工程师岗位职责

2014/01/01 职场文书

工伤赔偿协议书范本

2014/04/15 职场文书

道德大讲堂实施方案

2014/05/14 职场文书

2014年手术室工作总结

2014/11/26 职场文书

写给女朋友的检讨书

2015/05/06 职场文书

工作证明格式范文

2015/06/15 职场文书

Redis遍历所有key的两个命令(KEYS 和 SCAN)

2021/04/12 Redis

mysql获取指定时间段中所有日期或月份的语句(不设存储过程，不加表)

2021/06/18 MySQL

Python jiaba库的使用详解

2021/11/23 Python

Nginx配置https的实现

2021/11/27 Servers

PostgreSQL出现死锁该如何解决

2022/05/30 PostgreSQL