新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

7.1日讯,CSS知识之点击a标签显示或隐藏div层

发布日期:2020-07-01文章来源:首创网络浏览次数:1620次
    7.1日讯,CSS知识之点击a标签显示或隐藏div层,现在邯郸网络公司首创网络就把代码贴出来,大家如果有不明白的请联系首创网络,我们将给大家进行讲解: JS代码段: script language=javascript type=text/javascript /*** *功能:隐藏和......
    本文关键字:7.1日讯,CSS,知识,之,点击,标签,显示,或,隐藏,
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。
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室