對.hover無限循環與和backgroundImage

<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>類我想懸停改變它和backgroundImage和鏈接，而懸停我想istina.png和istina-hover.png對.hover無限循環與和backgroundImage

之間切換謝謝！

來源

2012-10-09 Heihachi

你不需要任何JavaScript來做到這一點，它可以帶動CSS ...

HTML：

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

CSS

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

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

來源

2012-10-09 10:49:54

有了當你懸停它只是CSS將只是改變圖像一次，我需要這個圖像改變所有的時間，當我徘徊（istina.png和istina-hover.png） – Heihachi

你是什麼意思改變所有的時間？像它的閃爍？我每次給你的代碼都會改變你的形象，從懸停到非懸停.... –

的確，只有當你懸停！我需要懸停（圖像更改懸停之一），而我徘徊它將從istina.png更改爲istina-hover.png（!!!而IM仍然託管!!!）像非停止動畫。 – Heihachi

對.hover無限循環與和backgroundImage

回答

相關問題