Html
    Css
    Js

    
                        
*,::before,::after {
	margin:0;
	padding:0;
	/*清除移动端默认的点击高亮*/
	-webkit-tap-highlight-color:transparent;
	/*设置以边框开始计算宽度*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/*去除网站元素的边距  适用于中小项目*/
body {
	font-size:.4rem;
	font-family:"microsoft yahei",sans-serif;
	color:#333;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
input {
	border:none;
	outline:none;
	/*清除移动端的默认的表单高亮样式*/
	-webkit-appearance:none;
}
ul,ol {
	list-style:none;
}
/*上面重置  下面公用*/

.jc_left {
	float:left;
}
.jc_right {
	float:right;
}
.clearfix::before,.clearfix::after {
	content:"";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
.jc_main {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	background:#1B96EE;
}
.jc_main01 {
	background:red;
	height:100%;
	position:relative;
}
.jc_main01 ul {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:400%;
	width:100%;
}
.jc_main01 ul li {
	width:100%;
	height:25%;
	position:relative;
}
.jc_main01 ul li img {
	width:100%;
	height:100%;
}
.jc_main01 ul li .pujie {
	position:absolute;
	top:0;
	width:100%;
	bottom:0;
	z-index:1;
	/*background:rgba(255,255,255,0.2);
	*/
}
.jc_main01 ul li .pujie h3 {
	text-align:center;
	margin-top:6rem;
	opacity:0;
	color:red;
}
.jc_main01 ul li .pujie p {
	text-align:center;
	color:red;
	opacity:0;
}

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

自动播放整屏

0