<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function showDiv(_Id,obj){
var Target=document.getElementById(_Id);
var clickText=document.getElementById(obj)
if (Target.style.display=="block"){
Target.style.display="none";
clickText.innerText="+";//变回+
} else {
Target.style.display="block";
clickText.innerText="-";//变回-
}
}
-->
</script>
<style type="text/css">
<!--
body { font: normal 14px "宋体" }
a { text-decoration: none; }
#showtext1 { cursor: hand; cursor:pointer;}
#showtext2 { cursor: hand; cursor:pointer;}
#contentId { margin-top: 10px; width:100%; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
#contentId2 { margin-top: 10px; width: 470px; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
.none { display: none; }
-->
</style>
</head>
<body>
<a id="showtext1" onClick="showDiv('contentId','showtext1')">+</a>
<div id="contentId" class="none">打开的内容</div>
<p></p>
<a id="showtext2" onClick="showDiv('contentId2','showtext2')">+</a>
<div id="contentId2" class="none">打开的内容</div>
<p></p>
</body>
</html>
分享到：
相关推荐
鼠标经过显示隐藏层js，隐藏层可加css样式，可随意控制大小，js有详细注释
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...
JavaScript特效大全:控制Div属性 网页换肤 函数接收参数并弹出 用循环将三个Div变成红色 鼠标移入/移出改变样式 记住密码提示框 百度输入法 点击Div，显示其innerHTML 求出数组中所有数字的和 弹出层效果 函数传参，...
4.jQuery实现支付宝隐藏层提示信息内容的功能 5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡...
控制层的显示或隐藏 两种办法，其实都是控制样式的。 办法一：控制 display 属性 [removed] function show(status) { document.getElementById(“div1”).style.display = status; } [removed] <div u00a0id=...
blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏，可以在blockUI方法中指定一些参数，来控制弹出层显示的内容，大小，位置等。blockUI方法的常用的参数有：message,css,overlayCSS,...
在网页的任意处点击左键就会弹出来，实际上是用JS控制DIV层的显示，DIV层内嵌套的是一个表格，表格里放菜单，这样修改方便，不会CSS也没关系，你可以把它复制下来，用DW打开重新修改一下菜单样式，换成你自己喜欢的...
实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...
9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...
需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursor https://www.runoob.com/cssref/pr-class-cursor.html 鼠标跟随效果如何实现: (子绝父相)绝对...
9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...
clearfix 主要是用在浮动层的父层，而 clear 主要是用在浮动层与浮动层之间，和浮动层同一级，如果想要撑开父层的高度，clear 就要放在最后。 Bootstrap 模态框（Modal）插件 模态框（Modal）是覆盖在父窗体上的子...
*利用ASP.NET2.0独有的Gizp脚本压缩技术将控件使用的javascript脚本资源压缩至不到16KB! *漂亮的仿Vista风格的下拉菜单及DIV窗口! *文件管理列表自动识别的文件图标显示! *更强大的上传管理功能,提供更多的文件管理...
// 显示加载动画效果,可以在加载数据前手动调用该接口显示加载动画，在数据加载完成后调用 hideLoading 隐藏加载动画。 myChart.showLoading(); // 引入JSON文件 $.getJSON(uploadedDataURL, function(geoJson...
WebSitetestdojo 使用dojo组件实现卷帘效果的div隐藏 第16章（/C16/） 留言板源代码 所有留言板实例的源代码 数据库备份 留言板数据所需要的数据库 第17章（/ch17） 程序描述：本章介绍开发AJAX...
网站加入flash广告代码，利用DIV层来控制进度的状态，如果加载swf文件到100%的时候就显示出flash，把AD层隐藏掉，请看下面实现方法。
4.5 操作div的显示与隐藏 4.6 如何设定div始终居中显示 4.7 测试浏览器是否支持某些CSS 3属性 4.8 如何添加hover类到指定元素 4.9 基于URL地址为导航链接添加class样式 4.10 如何延迟添加class类 4.11 如何延迟清除...
-使用Hidden控制Window控件的显示隐藏，Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及ActiveWindow的静态方法GetCloseReference等，其中的Close全部改为Hide。 -增加TabStrip中Tab...
Popup窗口制作的菜单比起传统的div(层)实现的菜单有着得天独厚的优势，不仅效果会非常好，而且代码也会是非常少的，只是对于实现起来却有几个需要解决的棘手问题：多个Popup共存的问题、如何递归生成菜单、如何控制...