"菜鸟IT"的博客 (
WWW.17WX.NET
)
熟悉HTML网站的前端美工到切图制作,搭配DIV+TABLE+CSS,熟悉Fireworks和Dreamwear的网站制作实战应用,专注于学习和记录JS脚本对于网页改造的各种新奇技术.平时的工作既要做销售,也要做前端开发,也要做后期的客户售后维护,此博客为博主自己平时的IT工作的实战学习笔记,记录自己工作和学习中遇到的各种坑,也分享给有需要的新人...
博客首页
网站前端制作
网赚
软件应用
Windows系统
谷歌联盟提供的广告↓
[网站前端制作]有关标签↓
CSS
|
HTML
|
DIV
TABLE
|
Script_JS
form
|
iframe
[网赚]有关标签↓
谷歌联盟
|
西联汇款
加入谷歌联盟注意事项
[软件应用]有关标签↓
Fireworks
|
Dreamwear
Excel
|
MS_SQL
[Windwos系统]有关标签↓
IIS
|
服务器故障与安全
电脑问题和技巧
网站常用SEO图标代码
私密隐藏似友情链接
站长常用工具网站
腾讯企业邮箱管理入口
|
菜鸟IT的博客 >> 网站前端制作
DIV遮罩层,其他背景部分半透明,突出悬浮的小DIV框【源码_2019.06.26】
<!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>
<title>DIV CSS遮罩层</title>
<script language="javascript" type="text/javascript">
function showdiv() {
document.getElementById("bg").style.display ="block";
document.getElementById("show").style.display ="block";
}
function hidediv() {
document.getElementById("bg").style.display ='none';
document.getElementById("show").style.display ='none';
}
</script>
<style type="text/css">
#bg{ display:block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
#show{display:block; position: absolute; top: 25%; left: 22%; width: 53%; height: 49%; padding: 8px; border: 8px solid #E8E9F7; background-color: white; z-index:1002; overflow: auto;}
</style>
</head>
<body>
<div id="bg"></div>
<div id="show">
<input id="btnclose" type="button" value="关闭×" onclick="hidediv();"/>
</div>
</body>
</html>
菜鸟IT博客[2019.06.26-13:58] 访问:656
[
关闭窗口
]
Google公司(谷歌联盟)提供的广告↓
本页的htm伪静态链接网址:
分享链接加载中....
收藏链接:
www.ems-help.com
|
www.17ckd.com
|
www.17post.com
|
m.17ckd.com
|
www.17track.wang
|
www.kd100.wang
|
www.17ckd.com/p1
|
www.17ckd.com/p0
|
www.17wx.net
|
www.17ckd.com/17tracking
|
www.11185cha.com
|
yf.17ckd.com
|
yfm.17ckd.com
|
www.sftrack.net
|
www.17htm.net
|
www.kdjiage.com
|
m.kdjiage.com
|
www.expba.net
|
m.expba.net
|
www.pptrack.net
|
www.womenhealth.love
Copyright © 17WX.NET 版权所有
Manage
沪ICP备13006304号-5
沪公网安备31011702006630号
,
sitemap.html
,
sitemap.xml
网站人气值: