Html
    Css
    Js

    
                        
.partFourCon {
	width:100%;
	/*padding:30px 0px 0;
	*/
        float:left;
	overflow:hidden;
	height:200px;
	padding:25px 0;
}
.partFourM {
	position:relative;
	height:200px;
}
.partFourM .ctrl {
	position:absolute;
	top:55%;
	width:27px;
	height:44px;
	z-index:10;
	cursor:pointer;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat;
}
.partFourM .left {
	background-image:url(https://ehongya.com/template/km_guanwang/images/arrowLeft.png);
	left:10px;
	right:auto;
}
.partFourM .right {
	background-image:url(https://ehongya.com/template/km_guanwang/images/arrowRight.png);
	right:10px;
	left:auto;
}
.partFourCon li {
	float:left;
	width:350px;
	display:inline;
	/*margin:33px 0;
	*/
        margin-right:22px;
	margin-bottom:22px;
	height:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all .5s ease-in-out;
}
.xwdt {
	position:relative;
	overflow:hidden;
	border-radius:6px;
	width:100%;
	height:100%;
	transition:all .5s ease-in-out;
}
.xwdt img {
	width:100%;
	height:100%;
}

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

jQuery跑马灯代码(原创)

更新时间:2022-04-25 01:22:19

0