模拟select下拉

 效果图：

 

   

   

   

   

   

   

    

   

   

   

   

        我的活跃值

   

       

       

           

           

               

                   

                        活跃值排行榜

                   

                        The charts

                   

                        活跃值排行榜兑换排行榜

                            href="javascript:;">抽奖排行榜

                   

                    

                       

                           

• 请选择您要查看的期数

                           

                               

                                   

• ">

                                          <%#Eval("title")%>

                               

                           

                       

                       

                   

                   

                   

                        当前期数：

               

           

       

    

 

 

Css

 

.rank-select{position:absolute;top:70px;right:0;}

.rank-select ul{position:relative;width:200px;cursor:pointer;background:url(../images/rank-select.png) no-repeat right 0;}

.rank-select ul .current{background:none;display:block;}

.rank-select ul li{height:26px;line-height:26px;color:#fff;border:1px solid #61ce19;background:#265700;text-indent:10px;margin-top:-1px;display:none;position:relative;}

.rank-current{position:absolute;line-height:30px;color:#61ce19;font-weight:normal;font-size:14px;left:0;bottom:0;}

 

 

 

转载于:https://www.cnblogs.com/ljjl88128/p/3673562.html