点击一个div隐藏另一个div

【点击一个div隐藏另一个div】的更多相关文章

点击一个div隐藏另一个div

<!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-…

select下拉选中显示对应的div隐藏不相关的div

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> <!-- <script> $(function()…

原生JS实现点击一个按钮显示一个div，再点击按钮div隐藏，或点击除div外其它空白处div隐藏

<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js点击按钮显示再点击空白地方隐藏</title> <style type="text/css"> #div { border: 1px solid red; display: flex; align-items: center; justify-content: cente…

点击一个按钮，如何让一个<div id=a>……</div>隐藏或显现？

<div id=divid>123</div>< button onclick="usr()">Click</button>< script> function usr() { if(divid.style.visibility=='hidden') {divid.style.visibility='visible';} else {divid.style.visibility='hidden';} }< /script…

设置一个div网页滚动时，使其固定在头部，当页面滚动到距离头部300px时，隐藏该div，另一个div在底部，此时显示；当页面滚动到起始位置时，头部div出现，底部div隐藏

设置一个div网页滚动时,使其固定在头部,当页面滚动到距离头部300px时,隐藏该div,另一个div在底部,此时显示: 当页面滚动到起始位置时,头部div出现,底部div隐藏前端代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initi…

一个大div里面包裹一个小div,里面的小div的点击事件不触发外面的这个大div的点击事件

一开始上html代码 <div id="div1" style="background: blue;width: 100px; height: 100px;"> <div id="div2" style="background: red;width: 70px; height: 70px;"> </div> </div> 就是这样的一段代码, 大的div==>div1 小的…

jquery效果，多个div，点击任何一个div，那么这个div会切换文字，变换背景颜色，再次点击其他的div ,这个div会发生刚才的变化，之前点击的div的颜色会变回来

首先css样式: /*原来的背景色*/ .bg { background:'red' } /*需要切换的背景色*/ .bg_click { background:'green' } JS: $('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').htm…

点击自动显示/隐藏DIV代码。(简单实用）

注:本文由Colin撰写,版权所有!转载请注明原文地址,谢谢合作! 很多时候我们需要将DIV的信息默认为隐藏状态,只有当用户点击时才显示DIV中包含的提示文字.这类效果在互联网上应用得很多,但实现的方法却是五花八门,有的甚至是全页代码,喜欢简洁明了的我肯定受不了.我的宗旨是“Write less,Do more!” 故,在这里,我提供一个最实用,最好控制且最简单的办法. (代码分析:内容页代码中div默认设置为display:none,即不显示.当鼠标点击控制层时,查找内容页class与控制层中…

点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 <style type="text/css"> body { background-color:#999999; } #myDiv { background-color:#FFFFFF; width:250px; height:250px; display:none; } </style> <body>…

JaveWeb 公司项目（1）----- 使Div覆盖另一个Div完成切换效果

最近在做网页,用的是CSS+DIV的布局方法,搭建了一个简易的界面,大体上分为三个部分,如图所示: 左侧的为主功能导航栏,右侧是具体的功能实现,下方是固定的版权声明,单击左边不同的导航按钮,在div中放置不同的界面,最先的做法是每个功能写一个jsp文件,在主界面中通过.load()方法加入jsp文件,后来觉得jsp文件太多想合并到一个界面上来,通过div覆盖的方式,显示不同的界面,这时候问题来了,我事先放置了一个div文件,效果如图所示: 表格放置在指定的位置,我想先把表格隐藏,用了displa…