JS
<script>
(function blink() {
$('.demo').fadeOut(500).fadeIn(400, blink);
})();
</script>
CSS
.demo {
background: url('../res/logo.png') no-repeat;
width: 200px;
height: 200px;
margin-top: 355px;
margin-left: 855px;
}
如何为这种闪烁效果添加随机性?
答案 0 :(得分:2)
这个问题与我的答案一样好,直到问题变得更具体:
(function blink() {
$('.demo').fadeOut(Math.random()*500).fadeIn(Math.random()*400, blink);
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<span class="demo">I'm blinking!</span>