javascript学习（三）——常用方法(1)(9)

来源：未知责任编辑：责任编辑发表时间:2013-11-18 20:56　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

    </style>
</head>
<body>
    <input id="Button2" type="button" value="button" onclick="ShowDiv('pop_div','Mask_div');"/>
    <div id="pop_div" class="pop_div4">
        <div class="title">弹出层</div>
        <div class="content">
            正文内容
        </div>
        <div style="text-align: right; height:30px; padding-bottom:5px;">
            <input value="Close" id="Button1" onclick="CloseDiv('pop_div','Mask_div');" type="button" />
        </div>
    </div>
    <div id="Mask_div" class="Mask_div2"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        //弹出隐藏层
        function ShowDiv(show_div,bg_div){
            document.getElementById(show_div).style.display='block';
            document.getElementById(bg_div).style.display='block' ;
            document.getElementById(bg_div).style.width = document.body.scrollWidth+"px";
            if(document.body.offsetHeight > document.documentElement.clientHeight){
                document.getElementById(bg_div).style.height = document.body.offsetHeight+"px";
            }
            else{
                document.getElementById(bg_div).style.height = document.documentElement.clientHeight+"px";
            }

javascript学习（三）——常用方法(1)(9)

相关新闻>>

今日头条

推荐热点

您可能感兴趣的文章

快速直达

新闻点评智问网络

新闻关注排行榜

WEB编程导航