同时网页上的方块淡入淡出使用javascript(Simultaneously squares on

2019-10-30 02:15发布

目的:显示许多正方形或任何对象(文字,图像等)的同时淡入和淡出。

下面的例子仅示出了一个在一个时间平方闪烁和缩小。 http://jsfiddle.net/redler/QcUPk/8/

(function makeDiv(){
    var divsize = ((Math.random()*100) + 50).toFixed();
    var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
    $newdiv = $('<div/>').css({
        'width':divsize+'px',
        'height':divsize+'px',
        'background-color': color
    });

    var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed();

    $newdiv.css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px',
        'display':'none'
    }).appendTo( 'body' ).fadeIn(100).delay(300).fadeOut(200, function(){
       $(this).remove();
       makeDiv(); 
    }); 
})();

所以,如果有一个数组$数据从数据库中显示的名字,怎么会变成这样展示的例子詹姆斯,约翰,玛丽和彼得完成。 因此,对于每一个条目的用户在表单名称显示在不同的时间一下子闪进出广场的进入。

文章来源: Simultaneously squares on pages fading in and out with javascript