Html
    Css
    Js

    
                        
@charset "utf-8";
	* {
	margin:0px;
	padding:0px;
	font-family:"微软雅黑";
	font-size:12px;
	text-decoration:none;
	list-style-type:none;
}
img {
	border:0px;
}
/*瑞丽深度开始*/
.flash4 {
	width:1180px;
	height:450px;
	margin:0px auto;
	margin-bottom:20px;
	position:relative;
}
.flash4 ul li {
	width:106px;
	height:450px;
	border-left:1px solid #000;
	position:relative;
	overflow:hidden;
	float:left;
}
.flash4 ul li .imgTop img {
	opacity:0.4;
}
.flash4 ul li .imgTop img.tm {
	opacity:1;
}
.flash4 ul li .imgCon {
	width:538px;
	height:405px;
}
.flash4 ul li .imgCen {
	width:538px;
	height:50px;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-size:20px;
	line-height:50px;
	position:absolute;
	left:0px;
	bottom:45px;
	text-indent:20px;
	display:none;
}
.flash4 ul li .imgBot {
	width:538px;
	height:45px;
	background:#222;
}
.flash4 ul li .imgBot p.bt_1 {
	width:80px;
	line-height:45px;
	font-size:16px;
	color:#fff;
	text-indent:20px;
	float:left;
}
.flash4 ul li .imgBot p.bt_2 {
	width:458px;
	height:45px;
	line-height:45px;
	float:left;
	display:none;
}
.flash4 ul li .imgBot p.bt_2 span {
	font-size:14px;
	color:#fff;
	padding-right:30px;
	background:url(../images/part2_icon.png)no-repeat left center;
	padding-left:10px;
}
.flash4 ul li.first {
	width:538px;
}
.flash4 ul li.fast {
	position:absolute;
	right:0px;
	bottom:0px;
}

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

jQuery防瑞丽手拉风琴

0