7.1日讯,CSS知识之点击a标签显示或隐藏div层,现在
邯郸网络公司首创网络就把代码贴出来,大家如果有不明白的请联系首创网络,我们将给大家进行讲解:
JS代码段:
<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>
DIV代码段:
"return click_a('divOne_1')" style="cursor:pointer; padding:10px; background:#ccc; display:block;">我是a标签,请点击我
"divOne_1" style="display:none;">我是divOne_1,点击a标签显示我,再点击隐藏我。
备注:a标签 return click_a('divOne_1') 中的divOne_1为你要显示和隐藏的div的id。