亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

HTML彈出透明層事例大小可以設置也可以比例化

2019-10-26 17:15:17
字體：大 中 小
來源：轉載
供稿：網友

復制代碼
代碼如下:
<!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="utf-8" />
<title>LIGHTBOX EXAMPLE</title>
<style>
* {
margin:0;
padding:0
}
html, body {
height: 100%;
width: 100%;
font-size:12px
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
padding: 6px 16px;
border: 12px solid #D6E9F1;
background-color: white;
z-index:1002;
overflow: auto;
}
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#f5f5f5;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.close {
float:right;
clear:both;
width:100%;
text-align:right;
margin:0 0 6px 0
}
.close a {
color:#333;
text-decoration:none;
font-size:14px;
font-weight:700
}
.con {
text-indent:1.5pc;
line-height:21px
}
</style>
<script>
function show(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='block';
fade.style.display='block';
}
function hide(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='none';
fade.style.display='none';
}
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="show('light')">打開1</a>
<a href="javascript:void(0)" onclick="show('light2')">打開2</a>
<div id="light" class="white_content">
<div class="close"><a href="javascript:void(0)" onclick="hide('light')"> 關閉</a></div>
<div class="con">
內容1 內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容
</div>
</div>
<div id="light2" class="white_content">
<div class="close"><a href="javascript:void(0)" onclick="hide('light2')"> 關閉</a></div>
<div class="con">
內容2
</div>
</div>
<div id="fade" class="black_overlay"></div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲第一网中文字幕| 欧美中文字幕视频| 国产欧美婷婷中文| 中文字幕无线精品亚洲乱码一区| 色综合老司机第九色激情| 91免费在线视频网站| 亚洲精品综合久久中文字幕| 欧美激情成人在线视频| 日韩视频亚洲视频| 日本精品久久久久久久| 久久国产精品久久精品| 2019中文字幕在线| 国产欧美亚洲精品| 国产精品夜色7777狼人| 91系列在线观看| 都市激情亚洲色图| 91国内在线视频| 国产成人一区二区三区电影| 国产精品88a∨| 国产精品丝袜久久久久久不卡| 亚洲第一区在线观看| 午夜精品久久久久久久男人的天堂| 日韩亚洲国产中文字幕| 成人激情视频在线播放| 欧美激情乱人伦一区| 国产精品日韩专区| 中文字幕精品—区二区| 97久久伊人激情网| 中文字幕在线视频日韩| 国产精品影片在线观看| 2024亚洲男人天堂| 亚洲影视九九影院在线观看| 国产成人精品久久二区二区91| 尤物yw午夜国产精品视频| 精品女厕一区二区三区| 久久婷婷国产麻豆91天堂| 18一19gay欧美视频网站| 亚洲精品中文字幕女同| 在线播放国产一区二区三区| 欧美一区第一页| 日韩av在线一区二区| 国产精品黄视频| 欧美亚洲另类激情另类| 国产精品久久久久久久久久ktv| 久久99亚洲精品| 国产一区二区三区丝袜| 欧美亚洲另类制服自拍| 欧美久久精品午夜青青大伊人| 国产精品久久一区| 97国产精品人人爽人人做| 福利精品视频在线| 国产精品国语对白| 大伊人狠狠躁夜夜躁av一区| 97精品一区二区三区| 欧美日韩免费网站| 日韩精品一二三四区| 亚洲欧美日韩天堂| 亚洲精品电影网在线观看| 欧美激情第三页| 国模私拍一区二区三区| 95av在线视频| 精品亚洲国产视频| 88国产精品欧美一区二区三区| 欧美黄色片在线观看| 成人国产精品日本在线| 国产99久久精品一区二区 夜夜躁日日躁| 日韩在线观看高清| 人人澡人人澡人人看欧美| 日韩av一区二区在线| 国产国产精品人在线视| 色诱女教师一区二区三区| 日韩电影免费观看中文字幕| 91免费的视频在线播放| 菠萝蜜影院一区二区免费| 国产精品久久久久久久久久新婚| 成人精品aaaa网站| 欧美日韩国产麻豆| 精品视频中文字幕| 日韩精品视频免费| 亚洲高清免费观看高清完整版| 久久成人免费视频| 欧美丝袜一区二区| 2019最新中文字幕| 成人乱人伦精品视频在线观看| 久久久国产精品一区| 欧美限制级电影在线观看| 精品久久久久久电影| 中文字幕日韩欧美精品在线观看| 亚洲欧美制服中文字幕| 日本成人在线视频网址| 亚洲小视频在线| 91成品人片a无限观看| 欧美黄色小视频| 精品久久久久久电影| 91欧美日韩一区| 亚洲午夜久久久影院| 美女999久久久精品视频| 性欧美在线看片a免费观看| 日本久久久久久| 亚洲成人网av| 国产91网红主播在线观看| 日韩中文第一页| 久久69精品久久久久久国产越南| 欧美日产国产成人免费图片| 久久久噜噜噜久噜久久| 亚洲乱亚洲乱妇无码| 日本乱人伦a精品| 在线日韩精品视频| 亚洲第一视频网站| 日韩精品免费电影| 少妇av一区二区三区| 尤物九九久久国产精品的分类| 欧美国产日本高清在线| 国产成人精品午夜| 亚洲福利在线观看| 亚洲人成网站色ww在线| 久久91亚洲精品中文字幕奶水| 亚洲国产精品va| 亚洲精品国产美女| 欧美成人小视频| 成人性生交大片免费看小说| 亚洲欧美中文字幕在线一区| 欧美国产日韩xxxxx| 久久久这里只有精品视频| 懂色aⅴ精品一区二区三区蜜月| 欧美日在线观看| 在线播放国产一区中文字幕剧情欧美| 亚洲自拍偷拍在线| 日本不卡免费高清视频| 亚洲一区二区三区乱码aⅴ蜜桃女| 日韩激情第一页| 亚洲第一二三四五区| 久99九色视频在线观看| 日韩av日韩在线观看| 欧美激情a在线| 国产精国产精品| 91wwwcom在线观看| 2024亚洲男人天堂| 国产97色在线| 欧美高清在线视频观看不卡| 日韩中文字幕在线播放| 亚洲精品久久久久中文字幕欢迎你| 97国产精品视频| 欲色天天网综合久久| 日韩电影免费在线观看中文字幕| 国产精品电影网| 国产精品欧美日韩| 2019中文字幕全在线观看| 另类视频在线观看| 国产成人精品视频| 欧美一级bbbbb性bbbb喷潮片| 久久99国产精品久久久久久久久| 国产精品香蕉在线观看| 国产精品自产拍在线观看中文| 一本久久综合亚洲鲁鲁| 曰本色欧美视频在线| 色悠悠久久88| 57pao成人国产永久免费| 高清在线视频日韩欧美| 不卡av在线网站| 97久久超碰福利国产精品…| 国产伦精品一区二区三区精品视频| 精品女同一区二区三区在线播放| 91免费版网站入口|