编程 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创建对象的几种常用方式小结(推荐)

Oct 24 Javascript

jquery队列函数用法实例

Dec 16 Javascript

微信小程序省市区选择器实例详解(附源码下载)

Jan 05 Javascript

layui选项卡效果实现代码

May 19 Javascript

JavaScript使用FileReader实现图片上传预览效果

Mar 27 Javascript

vue组件通信传值操作示例

Jan 08 Javascript

微信小程序实现banner图轮播效果

Jun 28 Javascript

vue element自定义表单验证请求后端接口验证

Dec 11 Javascript

vue等两个接口都返回结果再执行下一步的实例

Sep 08 Javascript

echarts实现晶体球面投影的实例教程

Oct 10 Javascript

ES6 解构赋值的原理及运用

May 25 Javascript

vue项目中的支付功能实现(微信支付和支付宝支付)

Feb 18 Vue.js

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 Memcache 中实现消息队列

2009/11/24 PHP

php切割页面div内容的实现代码分享

2012/07/31 PHP

PHP生成Gif图片验证码

2013/10/27 PHP

php获取微信共享收货地址的方法

2017/12/21 PHP

setAttribute 与 class冲突解决

2008/02/17 Javascript

js substr、substring和slice使用说明小记

2011/09/15 Javascript

jQuery插件实现文字无缝向上滚动效果代码

2016/02/25 Javascript

js调用屏幕宽度的简单方法

2016/11/14 Javascript

使用Require.js封装原生js轮播图的实现代码

2017/06/15 Javascript

Angular4学习笔记router的简单使用

2018/03/30 Javascript

javascript少儿编程关于返回值的函数内容

2018/05/27 Javascript

微信小程序支付功能 php后台对接完整代码分享

2018/06/12 Javascript

vue中如何去掉空格的方法实现

2018/11/09 Javascript

mpvue 单文件页面配置详解

2018/12/02 Javascript

基于Vue实现平滑过渡的拖拽排序功能

2019/06/12 Javascript

vue项目实现图片上传功能

2019/12/23 Javascript

JavaScript实现好看的跟随彩色气泡效果

2020/02/06 Javascript

详解JSON.stringify()的5个秘密特性

2020/05/26 Javascript

使用Python3中的gettext模块翻译Python源码以支持多语言

2015/03/31 Python

目前最全的python的就业方向

2018/06/05 Python

Python 将Matrix、Dict保存到文件的方法

2018/10/30 Python

Python selenium根据class定位页面元素的方法

2019/02/26 Python

浅谈Python爬虫基本套路

2019/03/25 Python

Pytorch之contiguous的用法

2019/12/31 Python

Tensorflow实现在训练好的模型上进行测试

2020/01/20 Python

Python模块 _winreg操作注册表

2020/02/05 Python

HTML5 播放 RTSP 视频的实例代码

2019/07/29 HTML / CSS

业务经理的岗位职责

2013/11/16 职场文书

英文导游欢迎词

2014/01/11 职场文书

2014年最新离婚协议书范本

2014/10/11 职场文书

2014年高数考试作弊检讨书

2014/12/14 职场文书

个人典型事迹材料

2014/12/30 职场文书

婚宴来宾致辞

2015/07/28 职场文书

幼儿园教师培训心得体会

2016/01/21 职场文书

MySQL数据库事务的四大特性

2022/04/20 MySQL

redis protocol通信协议及使用详解

2022/07/15 Redis