jquery写的slideLeft,slideRight

楚俊逸
2023-12-01
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="jquery.1.2.6.js"></script>  
  4. <script type="text/javascript">  
  5.     jQuery.fn.slideLeftHide = function( speed, callback ) {  
  6.         this.animate({  
  7.             width : "hide",  
  8.             paddingLeft : "hide",  
  9.             paddingRight : "hide",  
  10.             marginLeft : "hide",  
  11.             marginRight : "hide"  
  12.         }, speed, callback );  
  13.     };  
  14.     jQuery.fn.slideLeftShow = function( speed, callback ) {  
  15.         this.animate({  
  16.             width : "show",  
  17.             paddingLeft : "show",  
  18.             paddingRight : "show",  
  19.             marginLeft : "show",  
  20.             marginRight : "show"  
  21.         }, speed, callback );  
  22.     };  
  23. </script>  
  24. <script type="text/javascript">  
  25.     $(function() {  
  26.         $(".title_bar").slideLeftHide(4000);  
  27.         $(".title_bar").slideLeftShow(4000);  
  28.     });  
  29. </script>  
  30.   
  31.   
  32. </head>  
  33. <body>  
  34.   
  35.     <div class="title_bar">  
  36.     <img src="recruitment.png" border="0"  
  37.              />        
  38.     </div>  
  39. </body>  
  40. </html>  
 类似资料: