jQuery实现的可隐藏显示的登陆框

最新推荐文章于 2022-09-12 20:04:27 发布

小莉来了

最新推荐文章于 2022-09-12 20:04:27 发布

阅读量454

点赞数

本文链接：https://blog.csdn.net/u014311037/article/details/41850815

版权

很炫的可以隐藏的登录框

标签： Spring Hibernate Struts

[1].[代码] [Java]代码跳至 [1]

 
        <script src= 
        "http://www.lanrentuku.com/js/jquery-1.2.6.pack.js" 
         type= 
        "text/javascript" 
        ></script> 
       
        <script language= 
        "javascript" 
         > 
       
        $(function(){ 
       
        $( 
        "#toggleLogin" 
        ).toggle(function(){ 
       
        $( 
        "#login" 
        ).parent( 
        "div" 
        ).animate({ height :  
        105 
         } ,  
        520 
         ); 
       
        $( 
        "#login" 
        ).animate({marginTop :  
        0 
         } ,  
        500 
         ); 
       
        $( 
        this 
        ).blur(); 
       
        },function(){ 
       
        $( 
        "#login" 
        ).parent( 
        "div" 
        ).animate({ height :  
        0 
         } ,  
        500 
         ); 
       
        $( 
        "#login" 
        ).animate({marginTop : - 
        105 
         } ,  
        520 
         );  
       
        $( 
        this 
        ).blur(); 
       
        }); 
       
        $( 
        "#closeLogin" 
        ).click(function(){ 
       
        $( 
        "#login" 
        ).parent( 
        "div" 
        ).animate({ height :  
        0 
         } ,  
        500 
         ); 
       
        $( 
        "#login" 
        ).animate({marginTop : - 
        105 
         } ,  
        520 
         );  
       
        }); 
       
        }) 
       
        </script>