1

はい、ここにライトが必要です。

このウェブサイトの右側にある笑顔の画像のような視覚効果を作りたいと思います。

http://iitweb.com/

基本的に、画像上で連続的にオンとオフを繰り返すランダムなアルファを使用したグリッドタイル効果。これに何を使用できるか考えてみてください。

4

1 に答える 1

0

まあ、これはあなたにとっては少し遅いかもしれませんが、同じものを探している人の助けになるかもしれません.

これは私の最初のアプローチです：

HTML

<img src="https://profile-b-ord.xx.fbcdn.net/hprofile-ash3/27537_111050195577875_7540_q.jpg" alt="" />
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc7/369585_100004094319706_2126721826_q.jpg" alt="" />
<img src="http://vialibrepl.com/wp-content/uploads/2013/08/THUNDERCATS-50x50.jpg" alt="" />
<img src="http://www.brainzum.com/wp-content/uploads/2013/02/Inspector-Gadget-Go-Go-Gadget-Collection1-50x50.jpg" alt="" />
<img src="http://spe.fotolog.com/photo/46/54/51/_melizita/Homer_Simpson_1240210329589_t.jpg" alt="" />

JS

function fadeRandomTile()
{
    var tiles = $("img").length;
    var random_tile = Math.floor(Math.random() * tiles);
    var $tile = $("img").eq(random_tile);

    if(!$tile.data("alpha"))
    {
        $tile.fadeTo(500, 0.5).data("alpha", true);
    }
    else
    {
        $tile.fadeTo(500, 1).data("alpha", false);
    }
}

setInterval(function(){fadeRandomTile()}, 1000);

デモ http://jsfiddle.net/gEpan/1/

于 2013-08-23T18:52:00.487 に答える