校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > HTML彈出透明層事例大小可以設置也可以比例化

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

熱門標簽:華為收費站地圖標注 個貸電銷機器人 外呼智能系統報價 電話機器人宣傳片 巫山縣地圖標注app 經綸電銷機器人 鄒城智能外呼系統 浦東新區百度地圖標注圖片 騰訊植物園地圖標注

復制代碼
代碼如下:

<!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>

代碼全在上面了,可以復制試試...彈出層的大小可以設置,也可以比例化

標簽:楊凌 南平 廣西 唐山 那曲 日喀則 三沙 滁州

巨人網絡通訊聲明:本文標題《HTML彈出透明層事例大小可以設置也可以比例化》,本文關鍵詞  HTML,彈出,透明,層,事例,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML彈出透明層事例大小可以設置也可以比例化》相關的同類信息!
  • 本頁收集關于HTML彈出透明層事例大小可以設置也可以比例化的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    制服丝袜亚洲播放| 久久青草国产手机看片福利盒子| 欧美国产精品v| 国内久久婷婷综合| 欧美成人乱码一区二区三区| 六月婷婷色综合| 久久网这里都是精品| 国产精品一区二区男女羞羞无遮挡| 欧美精品在线一区二区三区| 亚洲国产精品视频| 日韩美女一区二区三区四区| 美洲天堂一区二卡三卡四卡视频| 久久综合九色欧美综合狠狠| 国产精品996| 一区二区在线观看免费| 欧美日韩大陆一区二区| 久久狠狠亚洲综合| 亚洲丝袜精品丝袜在线| 欧美久久一区二区| 在线不卡免费av| 午夜激情综合网| 丰满少妇久久久久久久| 国产精品久久久久7777按摩| 亚洲精品欧美在线| 福利一区二区在线观看| 国产午夜亚洲精品午夜鲁丝片| 成人三级伦理片| 蜜臀av一区二区| 国产精品美女久久久久久久久久久 | 欧美三级蜜桃2在线观看| 欧美刺激脚交jootjob| 国产成人精品免费看| 乱一区二区av| 一区二区三区在线观看网站| 3d成人动漫网站| 99re免费视频精品全部| 久久99九九99精品| 亚洲精品久久久久久国产精华液| 久久麻豆一区二区| 久久亚洲精品国产精品紫薇| 在线观看日韩毛片| 色屁屁一区二区| 国产jizzjizz一区二区| 国产在线播精品第三| 日精品一区二区| 亚洲最大成人网4388xx| 中文字幕一区二区三区四区 | 国产a久久麻豆| 国产精品123区| 91亚洲精华国产精华精华液| 成人app下载| 精品视频999| 欧美一区二区三区思思人| 欧美群妇大交群的观看方式| 欧美欧美欧美欧美| 欧美xxxx老人做受| 久久久久国产精品人| 中文字幕欧美区| 一二三四社区欧美黄| 精品一区二区三区免费毛片爱| 奇米精品一区二区三区在线观看一| 激情成人综合网| 91理论电影在线观看| 欧美白人最猛性xxxxx69交| 日本一二三四高清不卡| 日本成人中文字幕| 国产91精品精华液一区二区三区| 国产99久久久国产精品潘金网站| 日本高清无吗v一区| 日韩精品影音先锋| 亚洲一区二区三区国产| 激情综合网激情| 欧美日韩精品一区二区三区四区 | 五月婷婷综合激情| 国产精品 日产精品 欧美精品| 欧美日韩电影在线播放| 中文字幕国产一区| 精品一区二区三区欧美| 欧美一区二区免费观在线| 亚洲欧美另类小说| 国产精品亚洲午夜一区二区三区| 欧美老肥妇做.爰bbww| 亚洲一区在线播放| 欧美最猛黑人xxxxx猛交| 久久久久免费观看| 国产精品一二二区| wwwwxxxxx欧美| 国产成人免费视频网站高清观看视频| 欧美一级专区免费大片| 青青草国产精品亚洲专区无| 欧美日韩电影在线播放| 琪琪一区二区三区| 精品国产免费视频| av一区二区三区在线| 亚洲精品福利视频网站| 日韩一区二区视频| 国产自产视频一区二区三区| 久久精品视频一区二区三区| 国产一区在线精品| 日韩伦理免费电影| 欧美日韩在线一区二区| 国模一区二区三区白浆| 国产精品成人免费| 欧美一区二区三区四区高清| 精品制服美女丁香| 亚洲欧美怡红院| 日韩一级片网址| 色综合久久九月婷婷色综合| 中文字幕一区二区三区精华液| 欧美在线免费观看视频| 精品写真视频在线观看| 亚洲18色成人| 国产精品久久久久影视| 91精品国产一区二区三区香蕉| 成人h动漫精品一区二区| 国内精品伊人久久久久av影院 | 91美女精品福利| 午夜精品一区二区三区三上悠亚| 中文字幕av一区二区三区高| 精品国产第一区二区三区观看体验| 欧美精品1区2区3区| 欧美日韩精品专区| 欧美一级二级在线观看| 日韩一级大片在线观看| 日韩精品一区二区三区蜜臀| 欧美一区二区在线不卡| 亚洲精品在线一区二区| 日韩午夜在线影院| 日本一区二区三区dvd视频在线| 久久久亚洲国产美女国产盗摄 | 欧美日韩成人一区二区| 欧美午夜精品久久久久久超碰| 日本韩国欧美国产| 91精品国产欧美一区二区成人| 欧美videos中文字幕| 亚洲欧美在线视频| 亚洲一区二区四区蜜桃| 91精品国产综合久久久久久漫画 | 日韩中文字幕一区二区三区| 欧美一级片免费看| 欧美系列一区二区| 91丨porny丨国产| 51精品秘密在线观看| 欧美不卡在线视频| 亚洲精品一区二区三区99| 精品国产乱码久久久久久图片 | 欧美性色综合网| 色哟哟亚洲精品| 欧美一区二区在线观看| 日韩精品在线看片z| 国产亚洲午夜高清国产拍精品| 国产精品久久免费看| 亚洲一区二区三区国产| 国产美女一区二区三区| 欧美久久久久久蜜桃| 国产欧美精品国产国产专区| 亚洲视频在线一区| 久久精品久久99精品久久| 欧美日韩视频在线观看一区二区三区| 2020国产精品自拍| 亚洲综合成人网| 91黄色小视频| 亚洲网友自拍偷拍| 欧美专区日韩专区| 亚洲免费观看在线观看| 国产精品1区2区| 久久免费看少妇高潮| 激情五月激情综合网| 91精品国产色综合久久不卡蜜臀| 一区二区三区中文字幕精品精品 | 成人国产精品免费网站| 久久久久久久久久久久电影| 亚洲永久免费视频| 欧美一区二区三区喷汁尤物| 国模大尺度一区二区三区| 欧美成人官网二区| 日韩精彩视频在线观看| 欧美高清视频在线高清观看mv色露露十八 | 99精品黄色片免费大全| 国产精品亲子伦对白| 91成人免费在线视频| 狠狠久久亚洲欧美| 亚洲综合久久久久| 欧美男男青年gay1069videost | 欧美在线观看18| 看片网站欧美日韩| 亚洲免费在线电影| 日韩一区二区三区四区| 韩国精品主播一区二区在线观看 | 99久久综合狠狠综合久久| 麻豆视频观看网址久久| 精品国产91亚洲一区二区三区婷婷| 国产高清无密码一区二区三区| 亚洲精品乱码久久久久久 | 亚洲天堂av老司机| 欧美日韩精品免费观看视频| 亚洲成人精品在线观看| 久久精品视频免费| 91麻豆精品国产| 日韩一区二区三区av|