`

动态显示Div

div学习 
阅读更多

function showHideDIV(){

var doc = document.getElementById("content");
doc.style.display =
(doc.style.display == "none"?"block":"none");
}

 

<div id="view" onclick="showHideDIV();">显示内容</div>

<div id="content" style="display:none;">这是隐藏的内容</div>

分享到：
| 一个关于得到数字个数的问题？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax+JSON动态显示某个div的内容

    项目的功能如下：点击前台的某个链接或者按钮，动态的在某个div层上显示从数据库中查询的内容（这个div可以是浮动层，我为了简单就没做浮动处理了），在项目中数据没有从数据库获取，只是根据前台Ajax请求传递的参数...

    JS实现各种动态显示隐藏div效果

    在JavaScript（JS）中，动态显示和隐藏div元素是网页交互设计中常用的技术，它可以提升用户体验，让网页更具活力。本文将深入探讨如何利用JS来实现卷动显示隐藏、渐变显示隐藏以及大小缩放显示隐藏的效果。 1. **...

    DIV动态显示滚动条

    本篇文章将深入探讨如何通过 JavaScript（特别是结合 jQuery 库）来实现`DIV`动态显示滚动条的功能。 首先，了解基本的 HTML 结构是必要的。一个包含滚动条的`DIV`可能如下所示： ```html &lt;div id="scrollDiv" ...

    js鼠标浮动显示div

    在JavaScript（JS）中，"鼠标浮动显示div"是一种常见的交互设计，通常用于创建提示框、下拉菜单或工具提示。这种技术的核心是利用事件监听器来捕捉鼠标的移动，并根据鼠标的移动来控制div元素的显示与隐藏。在本案例...

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到，当页面刷新时，也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素，特别是DIV和Table，并且处理其中的数据。这在Web开发中非常常见，尤其是在构建交互式用户界面时。下面将详细阐述这...

    js中动态加载div/input....

    通过发送HTTP请求获取服务器端数据，然后在前端动态显示。例如，使用fetch获取数据： ```javascript fetch('http://example.com/data') .then(response =&gt; response.json()) .then(data =&gt; { // 假设data是一个...

    bootstrap显示DIV

    在Bootstrap中，"显示DIV"是一个常见的需求，涉及到如何控制元素的可见性和布局。这里我们将深入探讨Bootstrap如何实现这一功能，以及与jQuery、弹框和下拉菜单等相关知识点。 首先，Bootstrap的显示和隐藏功能主要...

    漂浮鼠标显示div

    总的来说，实现"漂浮鼠标显示div"的功能，需要结合HTML布局、CSS样式和jQuery（配合qtip插件）的交互效果，通过编程技巧让网页元素响应鼠标的移动，从而动态显示或隐藏相关信息。这个过程既考验开发者的技术能力，也...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中，“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果：当鼠标悬停在一个div上时，另一个关联的div会显示出来，同时其他无关的div保持隐藏状态。这种效果在创建导航...

    div显示隐藏效果

    `div` 显示和隐藏效果是前端开发中的常见需求，可以用来控制用户界面的可见性，例如实现折叠菜单、弹窗或者动态加载内容等。在本教程中，我们将深入探讨如何在HTML和CSS中实现`div`的显示与隐藏效果。 首先，我们...

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中，我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏，这对于创建交互式和响应式的网页至关重要。 在网页设计中，有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    控制Div显示和隐藏

    本程序在网页中设计了Div层的显示和隐藏，代码简单、实用。

    JS做的隐藏与显示DIV可拖动弹出层

    `JS`（JavaScript）作为一种强大的客户端脚本语言，常常被用来增强网页的交互性，比如实现元素的动态显示、隐藏以及拖动功能。在"JS做的隐藏与显示DIV可拖动弹出层"这个实例中，我们将探讨如何利用JavaScript来创建...

    ajax控制div窗口显示和隐藏

    例如，服务器可能返回一个JSON对象，其中包含一个布尔值，表示是否显示div。在响应处理函数中，可以这样操作： ```javascript if (response.data.showDiv) { document.getElementById('myDiv').style.display = '...

    通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

    例如在长列表、聊天界面或者某些动态内容显示区域中，这种需求尤为常见。本文将介绍如何使用JQuery实现div滚动条的自动定位。 首先，我们需要了解JQuery的基础知识。JQuery是一个快速、简洁的JavaScript库，它通过...

    网页设计div的显示和隐藏

    // 显示div myDiv.style.visibility = "visible"; ``` #### 二、CSS中的display属性 `display`属性用于定义元素的类型及布局方式，它比`visibility`更为常用，因为它不仅可以控制元素的显示与隐藏，还能改变元素的...

    鼠标经过显示隐藏div

    在Web开发中，通过JavaScript（简称JS）和CSS结合可以实现很多动态效果，其中“鼠标经过显示隐藏div”就是一个非常实用的功能。本文将详细解析如何利用这些技术来实现一个响应鼠标事件、能够显示和隐藏特定元素（本...

    动态显示当前时间的js

    在JavaScript编程中，动态显示当前时间是一个常见的需求，特别是在网页设计和开发中。"动态显示当前时间的js"就是一种实现这一功能的解决方案，它能够兼容所有主流浏览器，包括Chrome、Firefox、Safari、Edge以及...

    onclick事件实现div的隐藏和显示

    在这个场景中，我们讨论的是如何利用 "onclick" 事件来控制 `div` 元素的隐藏和显示，这在构建动态网页时非常常见。 首先，我们需要了解 `div` 是HTML中的一个块级元素，通常用于组织页面布局。隐藏和显示 `div` ...

Magicbox
Global site tag (gtag.js) - Google Analytics