网页右侧悬浮窗制作
作者:admin发布时间:2021-10-17分类:插屏广告浏览:评论:10
=""=""=""=""="#"独家观点/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
效果如下:
相关推荐
你 发表评论:
欢迎- 插屏广告排行
- 最近发表
已有10位网友发表了看法: