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 相关文章推荐
javascript 面向对象编程基础:继承
Aug 21 Javascript
JScript 脚本实现文件下载 一般用于下载木马
Oct 29 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
javascript Promise简单学习使用方法小结
May 17 Javascript
node.js实现回调的方法示例
Mar 01 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
在Angular中使用JWT认证方法示例
Sep 10 Javascript
Vue源码探究之虚拟节点的实现
Apr 17 Javascript
图解JS原型和原型链实现原理
Sep 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
第十五节--Zend引擎的发展
2006/11/16 PHP
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
python 类详解及简单实例
2017/03/24 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python实现感知器算法(批处理)
2019/01/18 Python
Python实现直播推流效果
2019/11/26 Python
浅析python 字典嵌套
2020/09/29 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
护理职业应聘自荐书
2013/09/29 职场文书
建筑个人求职信范文
2014/01/25 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server