Html
    Css
    Js

    
                        
/*清除默认内外边距*/
* {
	margin:0;
	padding:0;
}
/*内容块样式*/

        .main .one {
	background:#333;
	background:url(../images/1.jpg) no-repeat center;
}
.main .two {
	background:#666;
	background:url(../images/2.jpg) no-repeat center;
}
.main .three {
	background:#999;
	background:url(../images/3.jpg) no-repeat center;
}
/*焦点按钮列表 样式*/
        .dList {
	padding:0;
	position:fixed;
	right:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	height:110px;
}
/*焦点按钮 样式*/
            .dList li.dItem {
	list-style:none;
	width:20px;
	height:20px;
	border-radius:50%;
	border:1px solid #ccc;
	margin:10px;
}
/*焦点按钮 选中 样式*/
            .dList li.active {
	background-color:#007acc;
}

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

JQ响应式滚动显示浮动菜单锚点定位效果

0