Html
    Css
    Js

    
                        
.prosum_box {
	width:1188px;
	border:solid 1px #ddd;
	background:#fff;
	overflow:hidden;
	margin:0 auto 20px;
}
.prosum_box .prosum_left {
	margin:20px;
	overflow:hidden;
	width:684px;
	float:left;
}
.prosum_box .prosum_left .big_img {
	width:570px;
	height:340px;
}
.prosum_box .prosum_left .little_img img {
	width:110px;
	height:70px;
	opacity:0.6;
}
.prosum_box .prosum_left .little_img img:hover {
	opacity:1.0;
}
.prosum_box .prosum_left .cur_img img {
	opacity:1.0;
}
.prosum_box .prosum_left .up_img,.prosum_box .prosum_left .down_img {
	width:110px;
	height:20px;
	background:#333;
}
.prosum_box .prosum_left .up_img {
	background:url("../images/arrows.jpg") no-repeat;
	background-position:0px -20px;
}
.prosum_box .prosum_left .up_img_disable {
	background-position:0px 0px;
}
.prosum_box .prosum_left .down_img {
	background:url("../images/arrows.jpg") no-repeat;
	background-position:0px -60px;
}
.prosum_box .prosum_left .down_img_disable {
	background-position:0px -40px;
}
.prosum_box .prosum_left dt {
	float:left;
	margin-right:4px;
}
.prosum_box .prosum_left dd a {
	display:block;
	margin-bottom:4px;
}
.prosum_box .prosum_right {
	float:left;
	width:462px;
	margin:20px 0px 20px 0px;
}
.prosum_box .prosum_right .pros_title {
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	margin-bottom:5px;
}

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

jQuery轮播图

更新时间:2020-06-15 21:22:45

修改样式以适应屏幕

0