1

有示例：http : //www.jquery4u.com/jquery-functions/setinterval-example/#.UHW6_IYY18E 将鼠标悬停在 RSS feedburner 图像上 - 它会摇晃。

就我而言，我有 2 个图像：non-hover.png、hover.png。

当 a:link - 它显示为背景 non-hover.png，当你悬停时它显示 hover.png 并以 3 秒的间隔切换到 non-hover.png（当光标仍在此链接上时），就像无限循环，您悬停，它会以 3 秒的间隔将 non-hover.png 切换为 hover.png。

当光标在锚点上方时，我希望 jquery 每三秒在两个图像之间切换一次。

解决方案。

    $(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

在您发布的网站上，feedburner 图像的隆隆声效果是通过以下方式实现的

/* 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

你有两张图片，所以我想你可以使用 jQuery 和一个计时器来实现效果。

使用 jQuery 将自定义函数绑定到要在鼠标进入和离开时调用的元素。使用它们来启动和停止计时器，该计时器可以调用第三个函数，替换图像。查看http://api.jquery.com/hover/和http://www.w3schools.com/js/js_timing.asp了解更多信息。

如果您需要有关代码的任何帮助，请告诉我。

于 2012-10-10T18:30:59.483 回答