在.hover的无限循环与背景图象

Question

  <script type="text/javascript">
    $(document).ready(function() {

      $('.istina').hover(function() {
        animate_loop = function() {
          $(this).css('backgroundImage', 'url(<?php print $base_path . $directory ?>/img/istina-hover.png)').animate({backgroundImage: 'url(/sites/all/themes/ruh/img/istina.png)'}, 500, function() { animate_loop(); } );
      }, function() {
          $(this).css('backgroundImage', 'url(<?php print $base_path . $directory ?>/img/istina.png)');
        }
        }
      )
    });

我有一个类<a class="istina">some text</a>的链接我想在悬停时更改它的背景图像，当我悬停时我想在istina.png和istina-hover.png之间切换

谢谢！

Answer 1

你不需要任何javascript来做这件事，它可以是CSS驱动的......

HTML：

<a class="istina">some text</a>

CSS

#istina {  
background-image : url(istina.png); 
}

#istina :hover { 
background-image : url(istina-hover.png); 
}