Javascript Jquery不透明度淡入淡出循环

我的一个客户让我在一个div上做一个眨眼效果。我认为这对他来说可能不是最好的事情，也许光线在不透明中的淡入淡出会引起他的客户的注意，而不会打扰他们

我现在有

 <a class="special_button" href="#">Special Offers &rsaquo;</a>

我该如何为特殊的_按钮做类似的事情，而是循环不透明度？从80到100

如果它循环一定次数甚至更好，比如5次

最好的，

---

Stepan

你可能想要这样的东西

你也可以通过保持一个计数器来指示你想要它闪烁的次数

来自JSFIDLE的代码：

$(document).ready(function() {
     function runIt() {           
       var baloon = $('#baloon');
       baloon.animate({opacity:'1'}, 1000);
       baloon.animate({opacity:'0.5'}, 1000, runIt);
    }
    runIt();
});

---

你可以这样做

(function() {
    var cnt = 0;
    var specials = $(".special_button");

    function next() {
        if (cnt < 5) {
            specials.fadeTo(2000, .1).fadeTo(2000, 1, next);
            ++cnt;
        }                    
    }

    next();
})();
​

（函数（）{
var-cnt=0；
变量特殊值=$（“.special_按钮”）；
函数next（）{
if（cnt<5）{
特辑。法德托（2000.1）。法德托（2000.1，下一个）；
++碳纳米管；
}                    
}
next（）；
})();
​

工作演示：

---

仅供参考，80%和100%不透明度之间的差异非常细微。我在演示中做了更大的改变。很明显，你可以调整到你想要的任何效果。

据我所知，你想要的东西在这里闪烁，它是：

$("document").ready(function() {
    anm(".special_button");
});
function anm(element) {
    $(element).delay(200).animate({ opacity: 'toggle' }, 1000, function() { anm(element); });
}

---

演示：

为什么不使用CSS3关键帧

。闪烁{
背景：红色；
填充：0.2米；
利润率：50像素；
}
@-webkit关键帧闪烁{
从{opacity:1；}
到{不透明度：0.4；}
}
@-moz关键帧闪烁{
从{opacity:1；}
到{不透明度：0.4；}
}
@-ms关键帧闪烁{
从{opacity:1；}
到{不透明度：0.4；}
}
@关键帧闪烁{
从{opacity:1；}
到{不透明度：0.4；}
}
.闪烁{
-webkit动画：瞬间1s交替无限；
-moz动画：瞬间1s交替无限；
-ms动画：瞬间1s交替无限；
动画：瞬间1s交替无限；
}

---

特别优惠&rsaquo如果您喜欢短代码，那么可以使用jQuery中的计时功能。
它将您的完整代码压缩为：

$('#baloon').repeat().fadeTo(1000,1).fadeTo(1000,0.5,$);

哦，当你想让它切换一个特定的次数（例如20次）时，你就写

$('#baloon').repeat().fadeTo(1000,1).fadeTo(1000,0.5,$).until(20);

很酷，是吗？
嗨，乌兰，这个效果很好！谢谢你的帮助——结果比我想象的要好得多。这些值是不必要的（
'+=1'
和
'-=0.5'
），因为不透明度不能大于
1
也不能小于
0
。只要
'1'
和
'0.5'
就足够了。刚刚搜索并偶然发现了这个。非常感谢，这正是我需要的。你刚刚升级了我的CSS3:）。谢谢Bram@StepanParunashvili没问题！非常有趣！我也会向客户展示这个演示。谢谢你，朋友：）
$('#baloon').repeat().fadeTo(1000,1).fadeTo(1000,0.5,$).until(20);