• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>

            逛奔的蝸牛

            我不聰明,但我會很努力

               ::  :: 新隨筆 ::  ::  :: 管理 ::

            遮罩: 一個半透明的區(qū)域.

            1. 定位:使用fixed: 不會隨著滾動條的滾動而滾動,例如定位一個東西在屏幕最下方很有用。

                    使用absolute: 會隨著滾動條的滾動而滾動,如果是一個圖片,填表框時用這個很好.

            2. element設(shè)置屬性: element.setAttribute("id", "shadow");

                               element.setAttribute("class", "shadow");        

            3. 取得當(dāng)前窗口左上角的位置: var y = window.pageXOffset;

            4. 設(shè)置遮罩左上角的位置: element.style.left = 0; element.style.top = y;


            簡單例子:

            <html>

            <head>

            <style type="text/css">

            #shadow {

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            z-index: 100;

            background-color: green;

            opacity: 0.3;

            visibility: hidden;

            }

            </style>


            <script type="text/javascript">

            function foo() {

            var y = window.pageYOffset;

            //var d = document.createElement("div");

            var d = document.getElementById("shadow");

            d.setAttribute("id", "shadow");

            //d.setAttribute("class", "shadow");

            d.style.left = 0;

            d.style.top = y;

            d.style.visibility = "visible";

            //document.appendChild(d);

            }

            </script>

            </head>

            <body>

            <div id="shadow"></div>

            <table>

            <tr>

            <td><input type="button" value="Button" id="btn" onclick="foo()"></td>

            <td><br><textarea rows="100" cols="100"></textarea></td>

            </tr>

            </table>

            </body>

            </html>

            posted on 2010-06-05 00:00 逛奔的蝸牛 閱讀(331) 評論(0)  編輯 收藏 引用 所屬分類: 其他編程
            少妇高潮惨叫久久久久久 | 久久夜色精品国产亚洲| 久久久中文字幕日本| 午夜精品久久久久久影视777| 久久精品国产亚洲αv忘忧草| 久久久国产乱子伦精品作者| 久久精品亚洲乱码伦伦中文| 亚洲AV日韩精品久久久久久| 国产午夜电影久久| 欧洲成人午夜精品无码区久久| 日本道色综合久久影院| 一本久久知道综合久久| 国产69精品久久久久9999| 久久中文骚妇内射| 久久人人爽人人爽人人片AV东京热| www.久久精品| 久久精品国产亚洲AV大全| 久久久午夜精品福利内容| 99久久精品国产毛片| 久久99国产综合精品免费| 久久人人爽人人爽人人片AV高清| 久久久久亚洲AV无码去区首| 中文字幕一区二区三区久久网站| 久久99精品久久久久久久不卡| 国产精品久久久久久五月尺| 久久久久亚洲精品天堂久久久久久 | 国产精品久久久久久久app| 久久激情亚洲精品无码?V| 日本三级久久网| 久久青草国产精品一区| 97久久综合精品久久久综合| 日韩精品久久久久久免费| 久久久国产乱子伦精品作者| 久久久久久毛片免费播放| 亚洲va国产va天堂va久久| 久久狠狠高潮亚洲精品| 99久久99这里只有免费费精品| 国产精品一久久香蕉产线看| 久久夜色tv网站| 久久久久亚洲av成人无码电影 | 久久精品国产亚洲Aⅴ香蕉|