对DIV边界的脉冲效应

Question

我正试图为边界实现脉冲效果。似乎没有工作。如何为边框制作脉冲效果？

的CSS：

.DivBorder{
    border: 2px;
    border-color: #000;
 }

JQ：

function pulseEff(){ 
   $('.DivBorder').delay(1000)
      .animate({ 'border-color': 'Transparent'}, 100)
      .delay(1000)
      .animate( {'border-color': '#333'
      }, 100);
}; 

Answer 1

没有<footer>的解决方案，它继续运行，无法轻松停止。

<强> Fiddle

setInterval()

您可以使用简单的(function pulseEff() { $('.DivBorder').delay(1000).animate({ 'border-color': 'transparent' }, 100).delay(1000).animate({ 'border-color': '#333' }, 100, pulseEff); })(); 和间隔。

<强> fadein/out Fiddle

fadeIn/Out

或与您的代码;您需要将动画时间从function pulseEff(){ $('.ImgBorder').fadeOut(300).fadeIn(300); }; var Interval; $('#start').click(function(){ Interval = setInterval(pulseEff,600); }); 增加到更相关的值，因为100毫秒太少而无法计算出来。

<强> animate Fiddle

100