CSS如何实现鼠标悬浮无限向下级展示

这篇文章主要介绍CSS如何实现鼠标悬浮无限向下级展示,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的玉田网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

具体代码如下所示;

*{
                margin: 0;
                padding: 0;
            }
            ul,li{
                list-style: none;
            }
            .ui-slide-box{
                width: 300px;
            }
            .ui-slide-item{
                width: 100%;
                position: relative;
            }
            .ui-slide-item-text{
                display: block;
                background-color: #000000;
                color: white;
                border-bottom: 1px solid yellow;
                height: 40px;
                line-height: 40px;
            }
            .ui-slide-item .ui-slide-box{
                display: none;
                position: absolute;
                left: 300px;
                top: 0;
            }
            .ui-slide-item:hover > .ui-slide-box{
                display: block;
            }

            
                aaaaaaaaaaaaa
                
                    
                        aaaaaaaaaaaa
                        
                            
                                dddddddd 
                            
                            
                                sssssssssssss
                            
                            
                                eeeeeeeeeeee
                            
                            
                                ccccccccccccc
                                
                                    
                                        aaaaaaaaaaaaa
                                        
                                            
                                                aaaaaaaaaaaa
                                                
                                                    
                                                        dddddddd 
                                                    
                                                    
                                                        sssssssssssss
                                                    
                                                    
                                                        eeeeeeeeeeee
                                                    
                                                    
                                                        ccccccccccccc
                                                    
                                                
                                            
                                            
                                            
                                                bbbbbbbbbb
                                                
                                                    
                                                        sfsdfsdfsd 
                                                    
                                                    
                                                        cvwdfsd
                                                    
                                                    
                                                        ewewewe
                                                    
                                                    
                                                        xxcxc
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                    
                    
                        bbbbbbbbbb
                        
                            
                                sfsdfsdfsd 
                            
                            
                                cvwdfsd
                            
                            
                                ewewewe
                            
                            
                                xxcxc
                            
                        
                    
                
            
            
                bbbbbbbbbbb
                
                    
                        aaaaaaaaaaaa
                        
                            
                                dddddddd 
                            
                            
                                sssssssssssss
                            
                            
                                eeeeeeeeeeee
                            
                            
                                ccccccccccccc
                            
                        
                    
                
            
            
                cccccccccccccccccc
                
                    
                        rrrrrrrrrrrrrrrrrrrrrrrrrr
                        
                            
                                dddddddd 
                            
                            
                                sssssssssssss
                            
                            
                                eeeeeeeeeeee
                            
                            
                                ccccccccccccc
                            
                        
                    
                
            
        

CSS如何实现鼠标悬浮无限向下级展示

以上是“CSS如何实现鼠标悬浮无限向下级展示”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站题目:CSS如何实现鼠标悬浮无限向下级展示
本文来源:http://ybzwz.com/article/gccohj.html