溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
- <!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>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>無標題文檔</title>
- <style type="text/css">
- body {
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- margin:0;
- }
- #main {
- height:1800px;
- padding-top:90px;
- text-align:center;
- }
- #fullbg {
- background-color:Gray;
- left:0px;
- opacity:0.5;
- position:absolute;
- top:0px;
- z-index:3;
- filter:alpha(opacity=50); /* IE6 */
- -moz-opacity:0.5; /* Mozilla */
- -khtml-opacity:0.5; /* Safari */
- }
- #dialog {
- background-color:#FFF;
- border:1px solid #888;
- display:none;
- height:200px;
- left:50%;
- margin:-100px 0 0 -100px;
- padding:12px;
- position:fixed !important; /* 浮動對話框 */
- position:absolute;
- top:50%;
- width:200px;
- z-index:5;
- }#dialog p {margin:0 0 12px;
- }
- #dialog p.close {
- text-align:right;
- }
- </style>
- <body>
- <div id="main">
- <a href="#" onclick="showBg();">點擊這里看 jQuery 遮罩層效果.</a>
- </div>
- <!-- jQuery 遮罩層 -->
- <div id="fullbg"></div>
- <!-- end jQuery 遮罩層 -->
- <!-- 對話框 -->
- <div id="dialog">
- <p class="close"><a href="#" onclick="closeBg();">關閉</a></p>
- <p>正在加載，請稍后...</p>
- </div>
- <!-- jQuery 遮罩層上方的對話框 -->
- </body>
- </html>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript">
- //顯示灰色 jQuery 遮罩層
- function showBg() {
- var bh = $("body").height();
- var bw = $("body").width();
- $("#fullbg").css({
- height:bh,
- width:bw,
- display:"block"
- });
- $("#dialog").show();
- }
- //關閉灰色 jQuery 遮罩
- function closeBg() {
- $("#fullbg,#dialog").hide();
- }
- </script>
- <!--[if lte IE 6]>
- <script type="text/javascript">
- // 浮動對話框
- $(document).ready(function() {
- var domThis = $('#dialog')[0];
- var wh = $(window).height() / 2;
- $("body").css({
- "background-p_w_picpath": "url(about:blank)",
- "background-p_w_upload": "fixed"
- });
- domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' + wh + ') + "px"');
- });
- </script>
- <![endif]-->
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
