编程 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控制的遮罩层实例介绍

May 29 Javascript

js中split函数的使用方法说明

Dec 26 Javascript

JavaScript原型链示例分享

Jan 26 Javascript

SeaJS 与 RequireJS 的差异对比

Dec 08 Javascript

jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

Aug 10 Javascript

jqueryMobile使用示例分享

Jan 12 Javascript

javascript html实现网页版日历代码

Mar 08 Javascript

jQuery与JavaScript节点创建方法的对比

Nov 18 Javascript

angularJS利用ng-repeat遍历二维数组的实例代码

Jun 03 Javascript

解决vue中无法动态修改jqgrid组件 url地址的问题

Mar 01 Javascript

vue.config.js常用配置详解

Nov 14 Javascript

对vue生命周期的深入理解

Dec 03 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 无法载入mysql扩展

2010/03/12 PHP

非常精妙的PHP递归调用与静态变量使用

2012/12/16 PHP

基于PHP编程注意事项的小结

2013/04/27 PHP

解析PHP中$_FILES的使用以及注意事项

2013/07/05 PHP

php实现的AES加密类定义与用法示例

2018/01/29 PHP

php 自定义函数实现将数据以excel 表格形式导出示例

2019/11/13 PHP

可兼容IE的获取及设置cookie的jquery.cookie函数方法

2013/09/02 Javascript

微信WeixinJSBridge API使用实例

2015/05/25 Javascript

JS+CSS实现简单的二级下拉导航菜单效果

2015/09/21 Javascript

以JavaScript来实现WordPress中的二级导航菜单的方法

2015/12/14 Javascript

微信小程序生命周期详解

2016/10/12 Javascript

详解JS-- 浮点数运算处理

2016/11/28 Javascript

AngularJS实现网站换肤实例

2021/02/19 Javascript

React Native实现地址挑选器功能

2017/10/24 Javascript

实现div内部滚动条滚动到底部和顶部的代码

2017/11/15 Javascript

在vue里面设置全局变量或数据的方法

2018/03/09 Javascript

Angular 容器部署的方法

2018/04/17 Javascript

基于vue循环列表时点击跳转页面的方法

2018/08/31 Javascript

深入理解js A*寻路算法原理与具体实现过程

2018/12/13 Javascript

jQuery-Citys省市区三级菜单联动插件使用详解

2019/07/26 jQuery

Javascript Worker子线程代码实例

2020/02/20 Javascript

python用于url解码和中文解析的小脚本(python url decoder)

2013/08/11 Python

Python引用模块和查找模块路径

2016/03/17 Python

Python 如何访问外围作用域中的变量

2016/09/11 Python

对Python 窗体(tkinter)文本编辑器(Text)详解

2018/10/11 Python

python绘制中国大陆人口热力图

2018/11/07 Python

使用Pyhton集合set()实现成果查漏的例子

2019/11/24 Python

python3实现弹弹球小游戏

2019/11/25 Python

python用700行代码实现http客户端

2021/01/14 Python

英国123鲜花网站：123 Flowers

2019/07/07 全球购物

大学生求职工作的自我评价

2014/02/13 职场文书

公司外出活动方案

2014/08/14 职场文书

献爱心大型公益活动策划方案

2014/09/15 职场文书

同事去世追悼词

2015/06/23 职场文书

《悲惨世界》：比天空更广阔的是人的心灵

2020/01/16 职场文书

Nginx配置根据url参数重定向

2022/04/11 Servers