簡単なJSマウスのサスペンションの特効の具体的な方法

まず、jqueryライブラリ(省略)をロードする必要があります.
次に、次のJavascriptコードをページのヘッダに追加します.
 

 
  
    
  <br>jQuery(document).ready(function($){    
  <br>$('a').hover(function()    
  <br>{    
  <br>$(this).stop().animate({'left': '5px'}, 'fast');    
  <br>}, function() {    
  <br>$(this).stop().animate({'left': '0px'}, 'fast');    
  <br>});    
  <br>});    
  <br>   
  
  
 

第三に、スタイルに次の項目を追加します.
 

 
  
a {position:relative}   
  
 
 

完了します.
簡単にa:hoverスタイルを定義します.もっと簡単そうです.
 

 
  
a:hover {   padding: 0 0 0 8px;}   
  
  
 

ただ自然が足りないだけです.