CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

用HTML属性display来控制DIV层的显示与隐藏，下面请看实例代码。。。。

注意名为test的DIV的初始显示属性(display)是none，也就是隐藏；而链接<a>里点击(onclick)之后该DIV的显示属性display='',是将DIV的显示设置为默认（显示）

2、加上条件判断来控制显示
如果您有权限编辑您的blog模板，那么可以在head间插入如下的js代码

<script type="text/javascript">
function discontrol(itemid){

if(document.getElementById(itemid).style.display=='none'){
document.getElementById(itemid).style.display="";
}
else{
document.getElementById(itemid).style.display="none";
}
}
</script>

代码的意思为，当id为itemid的DIV显示为“隐藏/none”时，重设其显示为“显示”；而当其他状况下，设置其显示为"隐藏/none"

当你新写日志的时候，只需要在代码编辑环境下将要显示或隐藏的DIV设置ID名，然后在控制DIV显示与隐藏的链接上按如下格式书写即可:

<a onclick="divcontrol('DIV的ID')" style="cursor:pointer">链接名称</a>

记得将你的DIV命名ID