<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!--声明当前页面的编码集charset=gbk中文编码gb2312,charset=utf-8 国际编码-->
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<!--当前页面的三要素-->
<title>右侧悬浮导航</title>
<meta name="Keywords" content="导航,关键词">
<meta name="description" content="描述">
<!--css , js-->
<style type="text/css">
*{margin:0px; padding:0px; }
body{background:#000;}
/*属性:值;*/
#NavTop{width:140px;height:270px; margin:100px auto;
position:fixed; right:0px; top:150px;}
#NavTop #NavCon{width:140px; background:url("images/d.png") repeat-y;
position:relative;/*相对定位*/}
#NavTop #NavCon img.banner{position:absolute;/*绝对定位*/
left:15px; top:-40px;}
#NavTop #NavCon ul{padding-left:15px;color:#fff; padding-top:40px;}
#NavTop #NavCon ul li{height:32px;}
#NavTop #NavCon ul li a{color:#fff; text-decoration:none;/*取消下划线*/ width:101px; height:30px; display:block; background:#333;
font-size:14px;font-family:"微软雅黑"; padding-left:15px;
line-height:30px;}
#NavTop #NavCon ul li a:hover{background:#cc0066;}
</style>
</head>
<body>
<!--Div 盒子模型，宽度 高度 放内容-->
<div id="NavTop"><div id="NavCon">
<img src="images/banner.png" class="banner"/>
<ul>
<li><a href="#">独家观点</a></li>
<li><a href="#">前排明星</a></li>
<li><a href="#">秀场细节</a></li>
<li><a href="#">场外街拍</a></li>
<li><a href="#">秀场快讯</a></li>
</ul>
<img src="images/top.png" />
</div></div>
<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss
</body>
</html>
<html>
<head>
<!--声明当前页面的编码集charset=gbk中文编码gb2312,charset=utf-8 国际编码-->
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<!--当前页面的三要素-->
<title>右侧悬浮导航</title>
<meta name="Keywords" content="导航,关键词">
<meta name="description" content="描述">
<!--css , js-->
<style type="text/css">
*{margin:0px; padding:0px; }
body{background:#000;}
/*属性:值;*/
#NavTop{width:140px;height:270px; margin:100px auto;
position:fixed; right:0px; top:150px;}
#NavTop #NavCon{width:140px; background:url("images/d.png") repeat-y;
position:relative;/*相对定位*/}
#NavTop #NavCon img.banner{position:absolute;/*绝对定位*/
left:15px; top:-40px;}
#NavTop #NavCon ul{padding-left:15px;color:#fff; padding-top:40px;}
#NavTop #NavCon ul li{height:32px;}
#NavTop #NavCon ul li a{color:#fff; text-decoration:none;/*取消下划线*/ width:101px; height:30px; display:block; background:#333;
font-size:14px;font-family:"微软雅黑"; padding-left:15px;
line-height:30px;}
#NavTop #NavCon ul li a:hover{background:#cc0066;}
</style>
</head>
<body>
<!--Div 盒子模型，宽度 高度 放内容-->
<div id="NavTop"><div id="NavCon">
<img src="images/banner.png" class="banner"/>
<ul>
<li><a href="#">独家观点</a></li>
<li><a href="#">前排明星</a></li>
<li><a href="#">秀场细节</a></li>
<li><a href="#">场外街拍</a></li>
<li><a href="#">秀场快讯</a></li>
</ul>
<img src="images/top.png" />
</div></div>
<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss<br/>ssss
</body>
</html>
1955
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
