网页右侧悬浮窗制作

=""=""=""=""="#"独家观点/a/li7liahref="#"前排明星/a/li8liahref="#"秀场细节/a/li9liahref="#"场外街拍/a/li10liahref="#"秀场快讯/a/li11/ul12imgsrc="images/top.png"class="bottom"13/div14/div15p16braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

17braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

18braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

19braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

20braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

21braaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaabraaa

22/p23/body

布局效果：

css样式：

1styletype="text/css"2*{margin:0px;padding:0px;}3body{4background:#000;5}6#NavTop{7width:140px;8height:270px;9margin-top:50px;10position:fixed;right:0px;top:150px;/*固定位置,右浮动，距上150px*/11}12#NavTop#NavCon{13width:140px;14height:270px;15background:url('images/d.png')repeat-y;16position:relative;17border:1pxsolidblack;18}19#NavTop#NavConimg.banner{20position:absolute;21left:25px;22top:-40px;23}24#NavTop#NavConul{25margin-top:40px;26}27#NavTop#NavConullia{28text-decoration:none;29color:#fff;30width:105px;31height:30px;32background:#555;33display:block;34margin-top:10px;35margin-left:20px;36line-height:30px;37text-align:center;38font-family:"微软雅黑";39font-size:14px;40}41#NavTop#NavConullia:hover{42background:#cc0066;43}44#NavTop#NavConimg.bottom{45margin-top:15px;46}47p{color:red;}48/style

效果如下：