css+js实现悬浮按钮点击弹出联系表单效果代码-html代码-BFW代码库

css+js实现悬浮按钮点击弹出联系表单效果代码

代码语言：html

代码描述：css+js实现悬浮按钮点击弹出联系表单效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html lang="en">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        body {
	font-family:Roboto,sans-serif;
	width:100%;
	font-size:16px;
	margin:0;
	padding:0;
	background:#FAFAFA
}
h1,h2 {
	font-weight:700;
	color:#FFF;
	font-weight:700;
	font-size:4em;
	margin:0;
	padding:0 20px
}
.form-overlay {
	width:0;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	opacity:0;
	background:#000;
	transition:background 1s,opacity .4s,width 0s .4s
}
.show-form-overlay .form-overlay {
	width:100%;
	opacity:.7;
	z-index:999;
	transition:background 1s,opacity .4s,width 0s
}
.show-form-overlay.form-submitted .form-overlay {
	background:#119DA4;
	transition:background .6s
}
#form-container {
	cursor:pointer;
	color:#FFF;
	z-index:1000;
	position:absolute;
	margin:.........完整代码请登录后点击上方下载按钮下载查看