教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js动态显示与隐藏层的简单例子

js动态显示与隐藏层的简单例子

发布时间:2014-10-09   编辑:jiaochengji.com
为大家介绍一个js实现的可以动态显示与隐藏层的例子,有需要的朋友,可以参考下。

1、js代码

<script language="javascript">
/**
 * 动态显示与隐藏层
 * http://www.jbxue.com
*/
function showsubmenu(ss){
    if(eval('document.all.'+ss+'.style.display') == "none" || eval('document.all.'+ss+'.style.display') == ""){
        eval('document.all.'+ss+'.style.display = "block"');
    }else{
        eval('document.all.'+ss+'.style.display = "none"');
    }
}
</script>

2、调用示例:

onclick="showsubmenu('要显示或隐藏的层')"

3、css代码:

#basic{
display:none
} 

您可能感兴趣的文章:
js动态显示与隐藏层的简单例子
js实现动态显示与隐藏层(visibility与display的差别)
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
基于jquery实现的定时显示与隐藏div广告的实现代码
jquery隐藏标签、显示标签的例子
js控件隐藏与display属性学习
jquery hide与show方法隐藏与显示标签
jquery控制css的display属性(显示与隐藏)
Jquery判断div是否为空以实现显示或隐藏的代码
javascript控制层的显示与隐藏的代码

[关闭]
~ ~