【www.gdgbn.com--jquery】

    "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">


   jquery显示隐藏层插件实例登录框的演示
 
   css教程" type="text/css" media="screen" />
   
 <script src="/jquery-1.2.6.pack.js" type="text/网页特效"></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>


 
 
  
   
    


     
     
     
     
     
     
    

    
     
    not a member? register | lost your password?
   
   close panel
  
 
 

   
  
  
   

源码下载地址
http://down.111cn.net/down/code/jquery/2010/0908/20689.html

本文来源:http://www.gdgbn.com/wangyezhizuo/26894/