div层简单、快速的显示隐藏事件——onclick事件

很多初学JS的朋友会遇到的问题,ECSHOP开发中心()将简单的JS给大家贴出来看一下:

div层简单、快速的显示隐藏事件——onclick事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script language="javascript" type="text/javascript"> /*** *功能:隐藏和显示div *参数divDisplay:html标签id ***/ function click_a(divDisplay) { if(document.getElementById(divDisplay).style.display != "block") { document.getElementById(divDisplay).style.display = "block"; } else { document.getElementById(divDisplay).style.display = "none"; } } </script>

</head>

<body> <div> <a onclick="return click_a(‘divOne_1’)" style="cursor:pointer;">打开</a><div id="div_one">div_one</div> <div id="divOne_1" style="display:none;">div_one下面的内容</div> <br />备注:click_a(divDisplay)中 divDisplay为你要显示和隐藏的div的id </div>

</body></html>

,风不懂云的漂泊,天不懂雨的落魄,眼不懂泪的懦弱,

div层简单、快速的显示隐藏事件——onclick事件

相关文章:

你感兴趣的文章:

标签云: