WebContent/student/css/slide.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList{
	position: relative;
	text-align: center;
    margin-top: -39px;
    margin-left: 480px;
}
.slide .dotList ul li{
	display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url(../images/slide7.png);
    background-position:-21px 0px;
    margin-left: 10px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background-position:0px 0px;
}
.slide .carousel-control{
	position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index:999;
}
.slide .carousel-control.left{
	left:0;
	background-image:url("../img/slide.png");
	background-position:-38px 0px;
	cursor:pointer;
}
.slide .carousel-control.right{
	right:0;
	background-image:url("../img/slide.png");
	background-position:-85px 0px;
	cursor:pointer;
}
.slide .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;