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

超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)

Jun 11 Javascript

左右悬浮可分组的网站QQ在线客服代码(可谓经典)

Dec 21 Javascript

js之onload事件的一点使用心得

Aug 14 Javascript

使用firebug进行调试javascript的示例

Dec 16 Javascript

使用javascript实现简单的选项卡切换

Jan 09 Javascript

js实现带缓冲效果的仿QQ面板折叠菜单代码

Sep 06 Javascript

Bootstrap每天必学之轮播（Carousel）插件

Apr 25 Javascript

BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法

Jun 07 Javascript

JS实现获取汉字首字母拼音、全拼音及混拼音的方法

Nov 14 Javascript

Vue element-ui父组件控制子组件的表单校验操作

Jul 17 Javascript

swiper4实现移动端导航栏tab滑动切换

Oct 16 Javascript

uniapp实现可滑动选项卡

Oct 21 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

i7 6700(1) 分析统计(1) win10(43) i5 9400(1) i5 10400(1) 窗口函数(3) 速龙(1) win11(40) Tomcat(18) ipad(1)

You might like

亚洲咖啡有什么？亚洲咖啡产地介绍亚洲咖啡有什么特点？

2021/03/05 新手入门

利用PHP创建动态图像

2006/10/09 PHP

php 正则匹配函数体

2009/08/25 PHP

php 3行代码的分页算法(求起始页和结束页)

2009/10/21 PHP

让你成为更出色的PHP开发者的10个技巧

2011/02/25 PHP

orm获取关联表里的属性值

2016/04/17 PHP

PHP实现导出excel数据的类库用法示例

2016/10/15 PHP

JQuery跨Iframe选择实现代码

2010/08/19 Javascript

网页中CDATA标记的说明

2010/09/12 Javascript

纯Javascript实现Windows 8 Metro风格实现

2013/10/15 Javascript

jquery 通过name快速取值示例

2014/01/24 Javascript

JS实现的表格行鼠标点击高亮效果代码

2015/11/27 Javascript

巧用数组制作图片切换js代码

2016/11/29 Javascript

神级程序员JavaScript300行代码搞定汉字转拼音

2017/05/20 Javascript

详解node.js中的npm和webpack配置方法

2018/01/21 Javascript

解决vue打包之后静态资源图片失效的问题

2018/02/21 Javascript

Auto.js自动收取自己和好友蚂蚁森林能量脚本

2018/06/28 Javascript

axios向后台传递数组作为参数的方法

2018/08/11 Javascript

vue实例中data使用return包裹的方法

2018/08/27 Javascript

vue directive定义全局和局部指令及指令简写

2018/11/20 Javascript

JavaScript数组、json对象、eval()函数用法实例分析

2019/02/21 Javascript

vue实现二级导航栏效果

2019/10/19 Javascript

Python获取运行目录与当前脚本目录的方法

2015/06/01 Python

用scikit-learn和pandas学习线性回归的方法

2019/06/21 Python

Python greenlet和gevent使用代码示例解析

2020/04/01 Python

Kate Spade美国官网：纽约新兴时尚品牌，以包包闻名于世

2017/11/09 全球购物

英国性感内衣和睡衣品牌：Bluebella

2018/01/26 全球购物

阿根廷旅游网站：almundo阿根廷

2018/02/12 全球购物

4s店机修工岗位职责

2013/12/20 职场文书

建筑个人求职信范文

2014/01/25 职场文书

杭白菊导游词

2015/02/10 职场文书

迎新生晚会主持词

2015/06/30 职场文书

2015年工会工作总结范文

2015/07/23 职场文书

煤矿隐患排查制度

2015/08/05 职场文书

解决thinkphp6(tp6)在状态码500下不报错，或者显示错误“Malformed UTF-8 characters”的问题

2021/04/01 PHP

【海涛dota解说】一房久违的影魔魂守二连发

2022/04/01 DOTA