如何在jQuery中创建一个“flash”元素

我是全新的jQuery和有一些使用原型的经验。在Prototype中，有一个方法来“闪现”一个元素。简单地用另一种颜色突出它，然后让它变回正常，这样用户的眼睛就会被吸引到它上面。jQuery中有这样的方法吗?我看到淡出，淡出，和动画，但我没有看到任何像“闪光”。也许这三个中的一个可以与适当的输入一起使用?

当前回答

$('#district').css({opacity: 0});
$('#district').animate({opacity: 1}, 700 );

2012-10-09 20:45:48

其他回答

最简单的方法是这样做:

<script>

setInterval(function(){

    $(".flash-it").toggleClass("hide");

},700)
</script>

2014-10-08 23:51:00

$('#district').css({opacity: 0});
$('#district').animate({opacity: 1}, 700 );

2012-10-09 20:45:48

这将使一个元素的背景颜色跳动，直到鼠标悬停事件被触发

$.fn.pulseNotify = function(color, duration) {

var This = $(this);
console.log(This);

var pulseColor = color || "#337";
var pulseTime = duration || 3000;
var origBg = This.css("background-color");
var stop = false;

This.bind('mouseover.flashPulse', function() {
    stop = true;
    This.stop();
    This.unbind('mouseover.flashPulse');
    This.css('background-color', origBg);
})

function loop() {
    console.log(This);
    if( !stop ) {
        This.animate({backgroundColor: pulseColor}, pulseTime/3, function(){
            This.animate({backgroundColor: origBg}, (pulseTime/3)*2, 'easeInCirc', loop);
        });
    }
}

loop();

return This;
}

2014-04-08 22:15:37

只需要给elem.fadeOut(10).fadeIn(10);

2015-02-06 08:43:10

$("#someElement").fadeTo(3000, 0.3 ).fadeTo(3000, 1).fadeTo(3000, 0.3 ).fadeTo(3000, 1);

3000是3秒

从不透明度1淡出到0.3，然后是1，依此类推。

你可以叠更多。

只需要jQuery。：）

2016-09-25 17:58:27

如何在jQuery中创建一个“flash”元素

推荐文章

最新文章

标签