Html
    Css
    Js

    
                        
#main {
	width:352px;
	height:481px;
	position:relative;
	overflow:hidden;
}
#imgs {
	width:1760px;
	height:481px;
	position:absolute;
	left:0;
	transition:all 0.35s ease;
}
#imgs div {
	width:352px;
	height:481px;
	float:left;
	position:relative;
}
#imgs img {
	width:352px;
	height:481px;
}
#nav {
	height:70px;
	position:absolute;
	bottom:15px;
	left:20px;
}
#nav img {
	width:49px;
	height:66px;
	margin:0 4px;
	float:left;
	border:3px solid gray;
}
p {
	font-family:"微软雅黑";
	font-size:18px;
	color:white;
	font-weight:bold;
	position:absolute;
	bottom:80px;
	left:23px;
}
#bar {
	/*width:100%;
	*/
				border:3px solid orangered;
	position:absolute;
	bottom:0;
	left:-6px;
}

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

轮播图,可以主动点击切换

更新时间:2020-07-09 09:18:46

0