<!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(targetid,objN){
var target=document.getElementById(targetid);
var clicktext=document.getElementById(objN)
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; }
#showtext { cursor: hand; cursor:pointer;}
#showtext2 { cursor: hand; cursor:pointer;}
#contentid { margin-top: 10px; width: 470px; 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="showtext" onClick="showdiv('contentid','showtext')">点击查看详细信息</a>
<div id="contentid" class="none">打开的内容</div>
<p></p>
<a id="showtext2" onClick="showdiv('contentid2','showtext2')">点击查看详细信息</a>
<div id="contentid2" class="none">1、帅有个屁用!到头来还不是被卒吃掉!<br />
2.不怕被人利用，就怕你没用。<br />
3.人生自古谁无死，哪个拉*不用纸。<br />
4.生的伟大，死在花下！<br />
5.有钱人终成眷属。<br />
6.废话是人际关系的第一句。 <br />
7.只要锄头舞的好，那有墙角挖不倒？<br />
8.要在江湖混，最好是光棍！！ <br />
9.大部分人一辈子只做三件事：自欺、欺人、被人欺。<br />
10.不要和我比懒，我懒得和你比<br />
11.别人的钱财乃我的身外之物。<br />
12.女为悦己者容男为悦己者穷！ <br />
13.是镜子，总会反光的… 是金子，总会花光的；<br />
14.天赐你一双翅膀，就应该被红烧… <br />
15.唯女人与英语难过也(看到这句话我真难过，不过我家门前有条小溪更难过的)，唯老婆与工作难找也.<br />
</div>
</body>
</html>
分享到：
相关推荐
使用js代码实现div层的显示与隐藏，主要是radio的属性。
本教程将深入讲解如何利用jQuery来实现层（div元素）的隐藏与显示效果，这对于创建交互式的网页界面至关重要。 首先，我们需要引入jQuery库。在这个例子中，我们有两个JavaScript文件：`jquery.js`和`to.js`。`...
在网页设计和开发中，"层的显示隐藏"是一个核心概念，它涉及到JavaScript（简称JS）的DOM操作和动态效果的实现。层，通常被称为"div"元素，是HTML中的一个区块级容器，用于组织页面内容。通过JavaScript，我们可以...
在网页设计和开发中，交互性是提升用户体验的关键因素之一，而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停（hover）时...
在AE二次开发中，控制地图标注的显示与隐藏主要通过编程实现，涉及到对地图层（FeatureLayer）的属性操作。以下是一个基本示例，展示了如何使用C#代码来控制地图标注的显示与隐藏： ```csharp // 假设 ...
身份证格式验证，js遮盖层显示和隐藏
图层可以理解为画面的多个叠加层，每层上可以放置不同的对象，如图表、按钮、文本等，通过控制图层的隐藏和显示，可以实现复杂动态的画面效果。 标题“wincc画面图层的隐藏显示”涉及到的关键知识点有： 1. **...
收藏一个JS层的显示与隐藏 收藏一个JS层的显示与隐藏
在JavaScript中，控制层的隐藏和显示是网页交互性中的基本操作，广泛应用于各种功能，如弹出框、菜单、提示信息等。本主题主要涉及两种实现方式：点击事件触发和鼠标移动事件触发。 首先，我们来探讨点击事件触发的...
在"JS做的隐藏与显示DIV可拖动弹出层"这个实例中，我们将探讨如何利用JavaScript来创建一个可拖动的弹出层，并控制其显示与隐藏。 首先，让我们理解`div`层的隐藏与显示。在HTML中，我们创建一个`div`元素并为其...
在网页设计和开发中，实现"自动创建层并且隐藏点击按钮显示层其他层隐藏"的功能，通常涉及到HTML、CSS和JavaScript技术。这个功能的核心目的是动态地管理页面上的多个层（或称为div元素），通过用户交互（点击按钮）...
本文将深入探讨"jqurey插件隐藏显示层"这一主题，特别是`toggleElementS`插件的使用方法及其背后的原理。 首先，让我们了解`toggleElementS`插件的基本功能。正如标题所言，它是一个用于元素展开和隐藏的工具，适用...
至此，我们就完成了使用jQuery制作顶部浮动层显示隐藏的功能。用户点击按钮时，浮动层会以平滑的动画效果展开或收起。这种设计能够提高网页的用户体验，同时保持页面布局的整洁。在实际项目中，可以根据需求自定义...
这个教程将深入讲解如何利用WinCC PRO中的脚本功能来实现图层的动态显示和隐藏，从而提升用户的交互体验和系统的灵活性。 一、图层的概念与作用 在WinCC PRO中，图层是一种组织画面元素的有效方式。每个图层可以...
本文将深入探讨“点击图片或文字显示隐藏层，带缓冲效果（动画效果）”这一主题，以及与之相关的“显示层”、“隐藏层”、“缓冲”和“动画”知识点。 首先，我们需要理解“显示层”和“隐藏层”的概念。在网页或...
本程序在网页中设计了Div层的显示和隐藏，代码简单、实用。
在特定场景下，为了保护用户的隐私或者提供更好的用户体验，我们可能需要控制输入框内容的显示与隐藏。例如，密码输入框就是最常见的应用场景，用户输入的字符通常会被替换为星号或圆点，以隐藏真实内容。下面我们将...
根据给定文件的信息，本文将围绕“当鼠标经过显示隐藏层ASP环境源码”这一主题进行深入探讨。本文将从CSS样式、JavaScript脚本以及HTML结构三个方面详细解析该功能的实现方式。 ### 一、CSS样式设计 在提供的代码...