忍者ブログ

suzrinブログ

HTML,CSS,Javascript,Nikon D5000での撮影記録あとPCパーツ大人のゲームなどなど
<< アドオン版autpagerがメモリリークするの? HOME homuhomuの記事意味がわからないYO!ってつっこまれたので >>

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ボックスをランダムでうろうろ動かすjavascript+jquery

自分用メモここまでやった
<script type="text/javascript">
    $(document).ready(function(){
        var setting = {
            'tateidou': 100,
            'yokoidou': 100
        };
        var qbMove = function(){
            var moveDistance = function(hoge){
                return Math.floor(Math.random() * hoge * 2) - hoge;
            }
            var positionX = $('#qbBox').position().left + moveDistance(setting['yokoidou']);
            var positionY = $('#qbBox').position().top + moveDistance(setting['tateidou']);
            if (positionX < 0) {
                positionX = 0;
            }
            else
                if (positionX > $('html').width()) {
                    positionX = $('html').width()
                }
            if (positionY < 0) {
                positionY = 0;
            }
            else
                if (positionY > $('html').height()) {
                    positionY = $('html').height()
                }
            $('#qbBox').animate({
                'left': positionX,
                'top': positionY
            }, {
                duration: 1000,
                easing: 'swing',
                complete: function(){
                    setTimeout(function(){
                        qbMove()
                    }, 2000)
                }
            });
           
        }
        qbMove();
    })
</script>
PR
この記事にコメントする
お名前
タイトル
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
カレンダー
02 2024/03 04
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
ブログ内検索
ツイッター
フリーエリア
18歳未満には不適切な内容がある場合が有ります閲覧にはご注意ください。 詳しくはりーどみーをご覧くださいお願いします
blogに関する連絡はこちらまで"suzrinあっとまーくmail.goo.ne.jp"
最新コメント
[06/24 kz]
[10/16 haru]
[10/12 haru]
[06/08 nshi]
[11/15 まつかわ]
最新トラックバック
カウンター
クロシェットさんの新作プリズムリコレクションからアイナちゃん!
【プリズム◇リコレクション!】情報ページ公開中!
ストレガさんの新作木洩れ陽のノスタルジーカのフロゥちゃん\(>ヮ<)/
『木洩れ陽のノスタルジーカ』応援中です!
はいぺりよんさんのシストリのるなちー
シストリ抱き枕注文受付中!
フェイバリットさんの新作色とりどりのひかり!
いろとりどりのヒカリ 応援中!!
Chuableさんの新作アステリズム 応援CHU
姉さんに恋をして、姉さんも恋をして、姉さんと恋をした。 アステリズム 応援中!
AXLさんの新作から月海ちゃん応援中!
AXL新作第8弾 2012年春発売予定!
Meteorさんの新作Princess-Styleから一宮菖蒲ちゃん応援中!
『Princess-Style』応援中です
YUZU SOFTさんの新作とSAGAPLANETSさんの新作応援中!
はつドラ合同バナーキャンペーン開催中
loseさんの新作『ものべの』応援中!
ものべの - 夏葉
Favoritさんの新作いろとりどりのセカイ
いろとりどりのセカイ 応援中!!
<< アドオン版autpagerがメモリリークするの? HOME homuhomuの記事意味がわからないYO!ってつっこまれたので >>
忍者ブログ [PR]