Html
    Css
    Js

    
                        
.feedback {
	width:340px;
	position:fixed;
	right:30px;
	bottom:-9999px;
	box-shadow:0 20px 40px 8px rgba(0,0,0,0.25);
	font-size:14px;
	border-radius:10px 10px 0 0;
}
.feedback .feedbackHeader {
	height:40px;
	line-height:40px;
	border-radius:10px 10px 0 0;
	color:#ffffff;
	text-indent:50px;
	font-weight:normal;
	cursor:pointer;
}
h3 {
	margin:0px
}
.feedback .eMailIco {
	background-size:21px auto;
	background-color:#1A1A1A
}
.feedbackForm {
	padding:16px 16px 40px 16px;
}
.feedbackForm .tips {
	color:#222d38;
	padding-bottom:20px;
}
.feedbackForm .line {
	margin-bottom:16px;
}
.feedbackForm .line input,.feedbackForm .line textarea {
	width:100%;
	box-sizing:border-box;
	box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.1);
	border-radius:4px;
	border:solid 1px #ccc;
	color:#222d38;
	display:block;
}
.feedbackForm textarea {
	resize:none;
	height:78px;
	padding:11px;
	line-height:20px;
}
.feedbackForm .line input {
	height:40px;
	line-height:40px;
	padding:0 11px;
}
.feedbackForm .btn {
	background:#18c139;
	border-radius:4px;
	width:100%;
	box-sizing:border-box;
	border:none;
	height:40px;
	line-height:40px;
	color:#ffffff;
	cursor:pointer;
	text-align: center;
}
.feedback .closeBtn {
	line-height:28px;
	text-align:center; 
	background-color:#FFFFFF;
	width:28px;
	height:28px;
	background-size:28px 28px;
	position:absolute;
	left:-36px;
	top:6px;
	cursor:pointer;
	display:none;
	border-radius:5px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

展开与关闭右下角反馈代码

更新时间:2020-08-06 09:51:45

作者微信公众号:webs100    右下角点击可显示留言、意见反馈表单,点击关闭按钮可最小化

0