点击图片或文字链接显示DIV和隐藏的DIV代码JS

大小：437 KB
当前版本：V2.2
更新时间：2020.6.14

当前位置：主页 > 软件下载 > 常用代码 >

点击图片或文字链接显示DIV和隐藏的DIV代码JS

发布者：admin 时间：2020-07-24 14:34 已阅读：次

<html>

<head>

<script type="text/javascript">

function testDisplay()

{

var divD = document.getElementById("testD");

if(divD.style.display=="none")

{

divD.style.display = "block";

}

else

{

divD.style.display = "none";

}

}

function testVisibility()

{

var divV = document.getElementById("testV");

if(divV.style.visibility =="hidden")

{

divV.style.visibility ="visible";

}

else

{

divV.style.visibility = "hidden";

}

}

</script>

</head>

</body>

<div id="testD" style="border:#ddd 1px solid">

<div style="display:block;border:#ccc 2px solid">

<div style="visibility:visible;border:#aaa 2px solid">

Display

</div>

</div>

</div>

<div id="testV" style="border:#ddd 1px solid">

<div style="display:block;border:#ccc 2px solid">

<div style="visibility:visible;border:#aaa 2px solid">

Visibility

</div>

</div>

</div>

<input type="button" value="TestDisplay" onclick="testDisplay()"/>

<input type="button" value="TestVisibility" onclick="testVisibility()"/>

</body>

</html>

演示图

上一篇：没有了

下一篇：滑动门-自动按时间切换也支持手动点击（支持手机站百分比）

相关新闻

软件下载

视频课程

常见问题

网站首页 |手机模板 |案例展示 |服务报价