Html
    Css
    Js

    
                        
* CSS初始化 **/
@charset "utf-8";
	/* CSS Document */
html,body,ul,ol,li,form,fieldset,table,td,img,div {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
}
input,button,textarea {
	outline:none
}
ul,ol,p {
	list-style:none;
	padding:0;
	margin:0;
}
select,input,img,select {
	vertical-align:middle;
}
a {
	text-decoration:none;
	color:#666666;
	margin:0;
	padding:0;
	font-size:14px;
}
img {
	border:none;
}
body,html {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"微软雅黑","宋体","Times New Roman";
	background:#eee;
	color:#333333;
}
h1,h2,h3,h4,h5,h6,i {
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
}
.shadow {
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.W_Center {
	width:1200px;
	margin:0 auto;
}
.indexConPd {
	padding:0 3%;
	box-sizing:border-box;
}
::-webkit-scrollbar {
	display:none;
}
video {
	background:#000;
}
.clearfix {
	*zoom:1
}
.clearfix:after {
	content:"";
	display:table;
	clear:both
}
.joinUs {
	}.joinUsTop {
	padding:20px 0;
}
.joinUsTop .tit {
	font-size:24px;
	margin:30px 0;
	font-weight:bold;
}
.joinUsTop .intro {
	line-height:2em;
	width:70%;
	margin-bottom:20px;
}
.copyRight {
	margin-top:40px;
}
.joinUsList {
	}.joinUsList li {
	padding:36px 0;
	border-top:1px solid #ccc;
}
.joinUsList li .top {
	background:url(../images/joinUs_09.png) no-repeat right center;
}
.joinUsList li.current .top {
	background:url(../images/joinUs_07.png) no-repeat right center;
}
.joinUsList .post {
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
.joinUsList .info {
	font-size:16px;
	color:#999;
}
.joinUsList .info span {
	display:inline-block;
	margin-right:10px;
}
.joinUsList li .content {
	margin-top:36px;
	display:none;
}

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

jQuery列表收缩(原创)

简单易用的网页效果

1
      流星雨0
      2019/5/6 17:58:14