ie6实现div在select控件之上代码,Js代码库,德仔网

代码语言

代码分类

【Js】 ie6实现div在select控件之上

作者:羽昶 / 发布于2016/6/12/ 625

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>  
        <head>  
                <script>  
                function DivSetVisible(state)  
                {  
                        var DivRef = document.getElementById('PopupDiv');  
                        var IfrRef = document.getElementById('DivShim');  
                        if(state)  
                        {  
                                DivRef.style.display = "block";  
                                IfrRef.style.width = DivRef.offsetWidth;  
                                IfrRef.style.height = DivRef.offsetHeight;  
                                IfrRef.style.top = DivRef.style.top;  
                                IfrRef.style.left = DivRef.style.left;  
                                IfrRef.style.zIndex = DivRef.style.zIndex - 1;  
                                IfrRef.style.display = "block";  
                        }  
                        else  
                        {  
                                DivRef.style.display = "none";  
                                IfrRef.style.display = "none";  
                        }  
                }  
                </script>  
        </head>  
        <body>  
                <form>  
                        <select>  
                        <option>A Select Box is Born ....</option>  
                        </select>  
                </form>  
                <div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100">  
                        .... and a DIV can cover it up<br/>through the help of an IFRAME.  
                </div>  
                <iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;">  
                </iframe>  
                <br/>  
                <br/>  
                <a href="#" onclick="DivSetVisible(true)">Click to show DIV.</a>  
                <br/>  
                <br/>  
                <a href="#" onclick="DivSetVisible(false)">Click to hide DIV.</a>  
        </body>  
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　select　

同语言下

可能有用的

羽昶贡献的其它代码(15)