jQuery的鼠標懸停，鼠標和點擊

我有一個精靈菜單，我用jQuery的鼠標懸停，鼠標和點擊。鼠標懸停和鼠標懸停工作正常，但我想要的是如果我點擊並選擇一個菜單，然後更改背景位置。現在是我的問題，它不工作，也許是因爲一旦我點擊一個菜單，然後鼠標仍然觸發。jQuery的鼠標懸停，鼠標和點擊

，這裏是我的jQuery

$(document).ready(function(){ 
    $(function(){ 
     $('#a a') 
      .css({backgroundPosition: "0 -33px"}) 
      .mouseover(function(){ 
       $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500}) 
      }) 
      .mouseout(function(){ 
       $(this).stop().animate({backgroundPosition:"(0 -33px)"}, {duration:200, complete:function(){ 
        $(this).css({backgroundPosition: "0 -33px"}) 
       }}) 
      }) 
    }); 
});

我的CSS

h2 {clear:both;padding-top:20px;} 
ul {list-style:none;margin:0;padding:0;} 
li {float:left;width:120px;margin:0;padding:0;text-align:center;} 
li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;} 
li a:hover, li a:focus {background-position:0 0;} 
li a:active {background-position:-66px 0;} 
#a a {background:url(<?php echo base_url() ?>images/tabs.png) repeat 0 -33px;}

我的HTML

<h2>Top down</h2> 
    <ul id="a"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Contact</a></li>   
    </ul>

來源

2010-02-04 tirso

動畫效果的背景位置是不可能與當前的jQuery核心，除非你使用了jQuery背景位置效果插件 - http://plugins.jquery.com/project/backgroundPosition-Effect

來源

2010-02-04 06:39:51 mauris

jQuery的鼠標懸停，鼠標和點擊

回答

相關問題