网页右边导航栏

项目要求写导航栏 做个记录方便以后用到。

效果大致是 鼠标移上就出来 ，移走就半隐藏。

效果就是这样。 废话少说 上代码

css ：

 .div-xuanfu1, .div-xuanfu2, .div-xuanfu3{
                z-index: 999;
               position: absolute;
                width: 100px;
                height:100px;
                border-radius: 50px;
                background-color: #F16412;
                margin-top: 100px;
                color:white;
                line-height:100px;
                text-align: center;
                right:-50px;
                font-size: 20px;
            }
             .div-xuanfu1{
                 top:100px;
            }
            .div-xuanfu2{
                 top:200px;
            }
             .div-xuanfu3{