點(diǎn)擊文字彈出一個DIV層窗口代碼_層和布局特效

特效Tag：暫無Tag,歡迎添加,賺取U幣!

一個層彈出窗口，點(diǎn)擊頁面的鏈接會激活本窗口，用CSS+JS實(shí)現(xiàn)的，類似于點(diǎn)擊登錄彈出登錄框的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
        <title>點(diǎn)擊文字彈出一個DIV層窗口代碼</title> 
        <style> 
        .black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); 
        } 
        .white_mrc { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 25%; 
            width: 55%; 
            height: 55%; 
            padding: 20px; 
            border: 10px solid orange; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; 
        } 
    </style> 
    </head> 
    <body> 
        <p>This is the main mrc. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p> 
        <div id="light" class="white_mrc">這是一個層窗口示例程序. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">點(diǎn)這里關(guān)閉本窗口</a></div> 
        <div id="fade" class="black_overlay"></div> 
    </body> 
</html>

所屬頻道：層和布局特效/更新時間：2012-12-20

[收藏][報(bào)錯][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索點(diǎn)擊文字彈出一個DIV層窗口代碼
特效說明：
層和布局模板-點(diǎn)擊文字彈出一個DIV層窗口代碼。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

點(diǎn)擊文字彈出一個DIV層窗口代碼_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些