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的鼠标悬停，鼠标和点击

回答

相关问题