1

例を示します：http ： //www.jquery4u.com/jquery-functions/setinterval-example/#.UHW6_IYY18ERSSフィードバーナー画像にカーソルを合わせると揺れます。

私の場合、non-hover.png、hover.pngの2つの画像があります。

a：linkの場合-背景のnon-hover.pngとして表示され、ホバーするとhover.pngが表示され、3秒間隔でnon-hover.pngに切り替わります（カーソルがこのリンク上にある間）、エンドレスループのように、ホバーすると、non-hover.pngが3秒間隔でhover.pngに切り替わります。

カーソルがアンカーの上にあるときに、jqueryが3秒ごとに2つの画像を切り替えるようにします。

解決。

    $(document).ready(function() {

      function pizdec() {
        setTimeout(function(){ $('.istina').css('background-image','url("<?php print $base_path . $directory ?>/img/istina.png")'); }, 500);
        $('.istina').css('background-image', 'url("<?php print $base_path . $directory ?>/img/istina-hover.png")');
      }

  var IntervalID;

  $('.istina').hover(function() {
    pizdec();
    IntervalID = setInterval(pizdec, 1000)
  }, function() {
      clearInterval(IntervalID);
    }
  )

});
4

2 に答える 2

1

フィードバーナー画像のランブル効果を投稿するサイトでは、

/* jRumble RSS Animate Hover */
jQuery.noConflict().getScript('http://www.jquery4u.com/scripts/jrumble.1.1.min.js', function()
{
    jQuery.noConflict()('#rss-feedburner-image').jrumble({
        rumbleEvent: 'hover'
    });
});

マウスをその上に置いたときに踊る正方形につながる例については、http：//jsfiddle.net/xACuf/を参照してください。

于 2012-10-10T18:27:24.913 に答える
1

画像が2つあるので、jQueryとタイマーを使って効果を出すことができると思います。

jQueryを使用してカスタム関数を、マウスのEnterおよびLeaveで呼び出される要素にバインドします。それらを使用してタイマーを開始および停止します。タイマーは3番目の関数を呼び出して、画像を置き換えることができます。詳細については、 http ：//api.jquery.com/hover/およびhttp://www.w3schools.com/js/js_timing.aspを参照してください。

コードについてサポートが必要な場合は、お知らせください。

于 2012-10-10T18:30:59.483 に答える