右侧悬浮导航代码及教程

【右侧悬浮导航代码及教程】你是否想要一个右侧悬浮的导航，你的顶部是否无法满足你的多导航，那么你的参试着做一个右侧悬浮导航，来呈现你的小导航，一来提高用户体验，并且还能为网站添加不一样的色彩哦。
*{margin:0px;padding:0px;}body{background:#000;}#NavTop{width:140px;height:270px;margin:300px auto;position:fixed;right:0px;top:150px;}#NavTop #NavCon{width:140px;background:url("http://www.ssffx.com/js/dh/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;}

文章插图

冯耀宗博客
SEO优化
网络营销
网站建设
SEO指导中心

文章插图

*{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;}

文章插图

冯耀宗博客
SEO优化
网络营销
网站建设
SEO指导中心

文章插图