FC2ブログ

1日3タックルを目指して頑張ります。 ロリ巨乳が大好きです。 > 今日の3タックルTopへ

Top /  2010年02月

今日の習作 (jQuery)

 2010/02/13 (Sat) -  カテゴリ:  若干エンジニアらしい話

またまた jQuery で遊んでみた。なんでも見よう見まねでやってみるもんだ。

ajax_wait.gif

    自ページ内の h3 要素(要はエントリのタイトル)を抜き出してリンクを作るだけの簡単なお仕事です。やっぱ jQuery 結構おもしれーな。後はお作法を学ばないとな。

    あと、ウェイト中の画像の出る場所が割とダサかったりするのはおいらの技術的限界による仕様です。

    ふと思い立って右側のリンクをクリックしたときはスクロールして動くようにしてみた。こんなにシンプルに書けるなんて驚きだ。

    せっかくなので

    こんなタグと

    <p><ul id="20100213_menu"></ul></p>
    

    こんなスクリプトを埋め込んだ。2010/02/14 一部修正

    <script type='text/javascript'>
    $(window).load(function(){
        $('#20100213_ajax_wait').remove()
        $('h2 > a').each(function(){
            $('#20100213_menu').append(
                "<li><a href=" + $(this).attr('href') + ">" + $(this).text() +
                "</a> (<a href=#" + $(this).parent().attr('id') + ">" +
                $(this).parent().attr('id') + "</a>)</li>")
        });
        $('a[href^=#]').click(function(event){
            event.preventDefault();
            $('html,body').animate(
                {scrollTop: $($(this).attr('href')).offset().top},
                {duration: 1500, easing: 'linear'});
        });
    });
    </script>
    

    どこで改行していいのか分からなくなるな。そして我が家の IE8 では animate が動かないのはなぜなんだぜ

    2010/02/14 追記
    FireFox でも一瞬画面が移動するような謎の動作をしていたけど event.preventDefault(); の部分がなかったのが原因っぽい。やっぱリファレンスはちゃんと読まないとだめか。

    スポンサーサイト



     | トップへ | 
    最新記事
    カテゴリ
    最新コメント
    最新トラックバック
    月別アーカイブ
    カウンタ
    _
    カレンダー
    01 | 2010/02 | 03
    - 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 - - - - - -
    これはやべぇ

    インターネッツの設定をしてあげたついでに、接続確認と称してこのブログを開いたら、気になるあの娘が検索したアイテムがwww

    万が一アダルトグッズが表示されたりしたらと思うと股間が熱くなるな。

    とか妄想してたけど、インターネッツの設定をしてあげた直後に検索の履歴が残ってるわけないか
    (´・ω・`)
    にしても使い方によってはこの機能は凶悪だな。

    プロフィール

    タックル

    Author:タックル
    三度のメシより大ライスが好きなエンジニアです。
    焼肉屋に行ったら最初の一杯は大ライスで乾杯! 全然関係ないけど食堂のカレーなら4杯は軽いよ。

    ちなみにロリ巨乳は大ライスより好き!

    プライベートでタックルされてくれるロリ巨乳のお友達を24時間365日募集中です。

    エントリーの内容はタックルの日々の生活について多少脚色しながら面白おかしく書いている限りなくノンフィクションに近いフィクションです。

    嘘を嘘と見抜けない人は(ry

    Webサービス
    フィードメーター - 今日の3タックル あわせて読みたいブログパーツ
    タックル会
    個人的なリンク