Jquery--弹窗

<title>弹窗</title>

    <script src="JS/jquery-1.7.2.js"></script>
    <style type="text/css">
        #tanchuang {
        position:fixed;/*固定住窗口*/
        top:100px;
        width:30%;
        height:300px;
       top:-1000px;
        left:35%;
        overflow:hidden;
        z-index:100001;/*弹窗比遮罩要高*/
        }
        #tc_top {
        position:relative;
        width:100%;
        height:40px;
        background-color:#0026ff;
        color:white;
        text-align:center;
        line-height:40px;
        }
        #tc_main {
        position:relative;
        width:100%;
        height:220px;
        background-color:#0ff;
        
        }
        #tc_maintext {
        position:relative;
        width:70%;
        height:80%;
        left:15%;
        top:10%;
   background-color:orange;
  text-align:center;
        }
        #tc_bottom {
         position:relative;
        width:100%;
        height:40px;
        background-color:#0026ff;
        }
        #tc_btnok {
        position:relative;
        width:30%;
        height:30px;
        background-color:#808080;
        left:35%;
        top:5px;
        text-align:center;
        color:white;
        line-height:30px;
        cursor:pointer;
        }
        #zhezhao {
        position:fixed;
        width:100%;
        height:100%;
        background-color:black;
        z-index:100000;
        opacity:0.4;
        display:none;
        }
    </style>

View Code