JQuery plugs & Question

  • http://www.aptana.com/products/studio2/download  linux win Eclipse plugs

  • 修改Background-position

        http://snook.ca/technical/jquery-bg/

   

< html >
    
< head >
      
< style  type ="text/css" >
      #Test
{
      width
: 150px ;
      height
: 40px ;
      background
:  #00FF00 url(a.png) no-repeat fixed -14px -15px ;
}
      
</ style >
      
< script  type ="text/javascript"  src ="jquery-1.4.2.min.js" ></ script >
      
< script  language ="javascript" >
        $(document).ready(
function (){
        
    
            $(
" #Test " ).hover(
            
function (){
               
             $(
this ).html( " Over " );
              $(
this ).css( " background-position " , " -14px -15px " ).animate({backgroundPosition:  " -14px -100px " });
            },
            
function (){
               
              $(
this ).html( " Out " );
              $(
this ).css( " background-position " , " -14px -100px " ).animate({backgroundPosition:  " -14px -15px " });
            }
            );
        });
    
      
</ script >
    
</ head >
    
< body >
        
< div  id ="Test" >
            HAAHAA
        
</ div >
    
</ body >
</ html >


  • 背景动画

         http://www.ajaxblender.com/script-sources/jani/demo/index.html
     

  • 背景色切换

     http://michael.flanagan.ie/work/snippits/accordion.html

你可能感兴趣的:(jquery)