Html
    Css
    Js

    
                        
html,body {
	background:#FFF;
}
#header {
	width:1071px;
	height:654px;
	margin:0 auto;
}
#prew {
	width:1071px;
	margin:10px auto;
}
#main {
	width:680px;
}
#main h2 {
	font-weight:normal;
	font-size:22px;
	color:rgba(50,50,50);
	line-height:40px;
	border-bottom:1px solid #ddd;
}
#main ol {
	margin:30px 0 0 18px;
}
#main ol li {
	width:630px;
	border-left:2px dotted #ddd;
	position:relative;
	padding-left:30px;
}
#main ol li .main_step {
	width:32px;
	height:32px;
	background-image:url(http://www.jq22.com//tp/dcf035a7-8a07-45be-a043-de902c697981.png);
	background-position:0px -34px;
	color:#fff;
	text-align:center;
	line-height:32px;
	position:absolute;
	left:-16px;
}
#main ol li .main_step.on {
	background-position:0px 0px;
}
#main ol li p {
	line-height:25px;
	margin-bottom:15px;
}
#main ol li img {
	padding-bottom:35px;
	display:block;
}
#top {
	width:100%;
	min-width:1071px;
	height:40px;
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	border-bottom:1px solid #ddd;
	box-shadow:0 2px 5px #ddd;
	background-color:#262626;
	color:#FFFFFF;
}
#slide {
	width:32px;
	position:fixed;
	top:42px;
	margin-left:44px;
	background:#fff;
	text-align:center;
}
#slide ul li {
	width:32px;
	height:32px;
	background-image:url(http://www.jq22.com//tp/dcf035a7-8a07-45be-a043-de902c697981.png);
	background-position:0px 32px;
	color:#fff;
	text-align:center;
	line-height:32px;
	display:none;
	cursor:pointer;
}
#slide ul li.on,#slide ul li.hover {
	background-position:0px 0px;
}

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

百度吸顶盒子

0