www.ypnh.net > 怎么让一个Div显示一个Div隐藏

怎么让一个Div显示一个Div隐藏

让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样):1、HTML代码如下:<body><ul class="point"><li><a href="#">menu0</a></li><li><a href="#">menu1</a></li><li><a href="#">menu2</a></li><li><a href="#">

找出这两个div的class或id 做相应的显示或隐藏处理即可; //要显示的div; //要隐藏的div; 显示:style="display:block"或者 $('#div_1').show(); 隐藏:style="display:none"或者$('#div_2').hide();

大概的思路就是1. 响应一个div的点击事件2. 设置一个延时执行任务3. 任务里隐藏另一个div 简单粗暴的实现如下:<!DOCTYPE html><html> <style> /* 这些样式是为了容易看,跟需求没关系! */ div { padding: 20px; border: 1px solid #aaa;

function show1(){ document.getElementById("anotherDiv").style.display="block"; document.getElementById("thisDiv").style.display="none"; } function show2(){ document.getElementById("thisDiv").style.display="block"; document.

<!doctype html><html><head><meta charset="utf-8"><title>div5px</title><style type="text/css"> div { float: left; width: 100px; height: 80px; border: 1px solid #0ff; margin-right: 5px; display: none; }</style><!--$(".btn")是找到class="btn"的信

得用JS来控制!

基本思想是:触发div的hide()和show()函数.比如:要点击隐藏或者显示<div id="div"></div> 然后为一个按钮(id="btn")或者其他控件绑定一个单击事件(下面使用了jQuery)$(function(){ // 页面加载完成之后,进行事件绑定 $("#btn").toggle( function () { $("#div").hide();// 第1,3,5,7,8,9.次点击按钮,div隐藏 }, function () { $("#div").show();// 第2,4,6,8.次点击按钮,div显示 } ); });

<style>#box div{width:200px; height:30px; margin:10px; background-color:#edd; display:none}</style><div id="box"> <div>我是1,点我显示2,然后我隐藏</div> <div>我是2,点我显示3,然后我隐藏</div> <div>我是3,点我显示4,然后我隐藏

//jQuery代码$(function(){ $("#3").click(function(){ $("#1").hide(); $("#3").show(); }); $("#4").click(function(){ $("#3").hide(); $("#1").show(); });});

使用style的z-index设置z-index数值越小 就越在底层div.style.display="block";显示div.style.display="none";隐藏

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com