700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 简单的Jquery遮罩层代码实例【jquery】

简单的Jquery遮罩层代码实例【jquery】

时间:2020-09-08 02:35:51

相关推荐

简单的Jquery遮罩层代码实例【jquery】

web前端|js教程

Jquery,遮罩层

web前端-js教程

Css代码

系统软件下载站源码,ubuntu网络日志,编程爬虫怎么制作,咸阳高中生php开发培训技校,长沙同城seolzw

#brg

{

width: 100%;

height: 100%;

background: #333;

position: absolute;

top: 0;

left: 0;

filter: alpha(opacity=60);

-moz-opacity: 0.6;

opacity: 0.6;

position: absolute;

top: 0;

left: 0;

display: none;

}

#showdiv

{

width: 100%;

height: auto;

position: absolute;

left: 300px;

top: 150px;

z-index: 330;

display: none;

}

#testdiv

{

width: 800px;

height: auto;

margin: 0 0;

border: 1px solid #4d4d4d;

background: #f2f2f2;

}

#close

{

width: 200px;

height: 27px;

line-height: 27px;

font-size: 14px;

font-weight: bold;

border: 1px solid #4d4d4d;

text-align: center;

cursor: pointer;

margin: 0 auto;

background: #333;

color: #fff;

}

Html 代码

方维一元夺宝源码下载,vscode独立终端,ubuntu rw,tomcat访问doc,sqlite和主键的关系,js实现网页简体繁体互转换插件升级版使用说明示范页都具备,市场上主流的前端框架,python网络爬虫pdf免费下载,php 代理商,Seo Ho的中文,网站聊天工具代码,手机网页弹窗提示框,织梦app模板lzw

关闭

要显示的内容

Jquery 代码

一元云购网站源码php,ubuntu 编程优点,tomcat吞吐量2818,python 爬虫常用,php使用什么开发工具,seo适合做什么兼职推广lzw

$(document).ready(function() {

var bheight = document.body.clientHeight;

$("#btnAdd").click(function() {

$("#brg").css("display", "block");

$("#showdiv").css("display", "block");

$("#brg").css("height", document.body.scrollHeight);

$("#showdiv").css("top", document.body.scrollTop + 100);

});

$("#close").click(function() {

$("#brg").css("display", "none");

$("#showdiv").css("display", "none");

});

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。