読者です 読者をやめる 読者になる 読者になる

jQuery でふわふわ漂う動きを作ってみた

jQuery

雲がふわふわ左右に揺れるのを作りたかった。
ライブラリでもあるかなーって思ったけど、むずかしくなさそうなので、自分で作ってみた。

        function moveRight(my) {
            var myMarginLeft = parseInt($($(my)).css("marginLeft")) + 20;
            $($(my)).animate({marginLeft:myMarginLeft}, 4000, function(){
                moveLeft($(my)); 
            });
        }
        function moveLeft(my) {
            var myMarginLeft = parseInt($($(my)).css("marginLeft")) - 20;
            $($(my)).animate({marginLeft:myMarginLeft}, 4000, function(){
                moveRight($(my)); 
            });
        }

こんだけ。
例えば

    $("#test").ready(function(){
        moveRight($("#test")); 
    });

こんなんやれば動きます。


実は、10個以上の div にランダムに動きを与えて、ずっと動いているようにしたかったのですが、ちょっと負荷が高かったので、断念・・・。

Flash とか Flex 使ったほうが相性はいいんだろうなー。
そういうページは。。