永发信息网

DIV显示隐藏层问题怎么把你那个点击显示隐藏换成点击别的他就隐藏呢,就是不用再点自己一下才隐藏?

答案:2  悬赏:60  手机版
解决时间 2021-01-03 22:10
  • 提问者网友:动次大次蹦擦擦
  • 2021-01-03 03:48
DIV显示隐藏层问题怎么把你那个点击显示隐藏换成点击别的他就隐藏呢,就是不用再点自己一下才隐藏?
最佳答案
  • 五星知识达人网友:底特律间谍
  • 2021-01-07 02:46
<html>
<script type="text/javascript">
function showDiv(obj,index){
obj.style.display = "none";
document.getElementById("div"+index).style.display = "block";;
}
</script>
<body>
<div style="width:200;height:200;background:blue;display:block" id='div1' onClick="showDiv(this,2)"></div>
<br><br><br><br><br><br><br><br><br><br><br>
<div style="width:200;height:200;background:red;display:none" id='div2' onClick="showDiv(this,1)"></div>
</body>
</html>

好像理解错了你的意思,你是不是要这样的?
<html>
<script type="text/javascript">
var divClick = false;
function showDiv(){
divClick = true;
}
function bodyOnClick() {
if(divClick) {
document.getElementById("testDiv").style.height = 200;
document.getElementById("testDiv").innerHTML = "我涨大了,点其它地方我就痿了";
divClick = false;
} else {
document.getElementById("testDiv").style.height = 20;
document.getElementById("testDiv").innerHTML = "点我就涨大";
}
}
</script>
<body onClick="bodyOnClick()">
<div style="width:200;height:20;background:blue;display:block" id='testDiv' onClick="showDiv()">点我就涨大</div>
</body>
</html>
全部回答
  • 1楼网友:枭雄戏美人
  • 2021-01-07 03:59
你指的是JQ的那个hover效果吧 你可以用onclick触发点击显示,用focusout(失去焦点)或mousedown(鼠标按下)触发隐藏
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯