jquery - 战地风云3标志效果

Question

对于那些拥有战地风云 3 的人，有人可以向我解释如何重新创建使 Logo “闪烁”的效果。我知道图像有 3 种状态(鼠标移出、悬停和鼠标移入)，但我不知道如何让它闪烁。

可以通过登录 BF3 battlelog 并将鼠标悬停在 Logo 上来查看 Logo 的效果。

有人知道吗？

Answer 1

这是附加到图像的事件:

var $headerLogoBF3=$("a.base-header-logo-bf3");
$headerLogoBF3.pageBind("mouseover", function() {
  try {
    $(this).stop().animate({backgroundPosition:"0px -136px"},80, function() {
      $(this).stop().animate({backgroundPosition:"0px -68px"});
    });
  } catch(e){}
});
$headerLogoBF3.pageBind("mouseout",function( {
  try{
    $(this).stop().animate({backgroundPosition:"0px 0px"},"slow");
  } catch(e){}
});