FC2ブログ

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

Top /  若干エンジニアらしい話 /  今日の習作 (jQuery)
« まだ火曜なのか…  |  この歳になると、さすがにググれカスと回答するくらいならヌルーしろよと思ったりもする »

今日の習作 (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(); の部分がなかったのが原因っぽい。やっぱリファレンスはちゃんと読まないとだめか。

    « まだ火曜なのか…  | トップへ |  この歳になると、さすがにググれカスと回答するくらいならヌルーしろよと思ったりもする »

    コメント

    すげえな

    二次元の彼女を取り出す JQuery を早く実装してくれ。

    • msdn #-
    • URL
    • 2010/02/14 (Sun) 18:42

    どうぞおググりください。

    ほらよ。コレで満足か?

    ここから JQuery ↓

                    -― ¨¨ ̄ ̄¨¨ ―-
             / >  ―-、  ,r―  く  \
             / /        `Y´     \  ヽ
            / ,イ  / /´ ̄ ̄ ̄ ̄`\ \   ∧
         / / / / /   -―――‐- 、 \ ヽ.   ∧
          / /:.:{/  / / /   \ \  \ ∧__∧
    .     厶ィfテ/   / / / | l     \ ヽ   ヽ ∧ `¨ト、
    .     〉 //   ,' / / l | ト、ヽ   ヽ. ヽ. ハ ∧\/ハ
       ,' K´_/:.   l:/ 八 小  ヽ \   ヘ   |:.:|_ヽ.|
       |/:.:./l:.:..  /| >、∨| ヘ  \ \ ,.ィ'"「 |.:.:.|:.:.:.:.:ハ、
       /!:.:./ |:.:.:. i|/   \  ヽ.  ヽ/  Vl| l|.:.:.|:|\:.:.}ハ
    .  /|/ /|:.:.:. | ,ィfテ心y、   \  ,ィfテ心yVリ:.:.:l:ハ ∨ リ
      i ,|,' /:::|:.:.:. lヽ.{ト;;;;;;;;リ      {ト;;;;;;;;ソ }7 .:.:,'/∧ }ハ
      |/ | /:::::|:.:.:  l  乂__ン        ヽrzン' / .:.:/: /::,レ´l:.|
      |ヽ::::::ハ:.:.:.:.ハ  /////// , /////// / .:,イ:.:/l ::|::|:.|:.|
      |:.:.{:.:.:._∧:.:.:.: ヽ             //:.:.:.//::/: |:.|:.|
    .   V:.:/  ヽ:.:.:.:. >、   ´`    .イ</:.:.:.://::/⌒レ|/
        〉'´ ̄`ミト\:.:.: \ > 、__ . ィ ´ ┬/:.:./ /   ハ
    .   /         ヽ>-\ `'<__/  |// / -―‐-  |
      l  / ̄`    ハト、\     |   ,.イ ./          |
      |    ´ ̄`   }_ \ ヽ__}_/ /l  / ̄`    l
      |  .:/     \ ∧>- 、`¨¨l¨´ / 厶/         |
      ヽ.:.:.:{      \ト、   {>-</ /     \ ヽ  ,'
        V:.:/  -―‐-   ハ.  V   / _{/ ̄    ハ } /
        }/ ,r==   \:.:.:.:ト、 /  / / /  _     } /
    .    〈 / ./ ̄>-ヽ:.|:::Y   ,'  l / ,.---、     レ´
         |/l/ / ̄`ヽ ハ〉::|  厶_//  ___\  |
          V /  /  } } ::ト、_{  /  /   ヽ i! ,'
         ∧/     i   ! ̄ ̄ ̄ ̄ ̄ ̄ ̄|   ∧| ∧
        / 〈  ヽ  |  /     ≡|≡┬田 ,'  /  V l!
        ,'   〉  V;ト、ソ____手戈 土土__{  ハ.  ハ_/!
    .   l  ヾ、 /―――――ァ┬――‐‐ヽ'.┤ / |
    .   |    ヽ,'::::::::::::::::::::::::::/  l!:::::::::::::::::::::::::|/_}   |
    .   |    / .l:::::::::::::::::::::::::/   l! ::::::::::::::::::::: 「   |
        V   ヽ├――――,'ー―- L ____|l    |
        V   | :::::::::::::::::::|    |:::::::::::::::::::::::::l   ,'
         ト、.   L _::::::::::::::|    |:::::::::::::::::::::::/   イ
         | ヽ       ̄`¨¨'ー‐―┴―――‐〈  / |

    • 放課後のジョーカー #-
    • URL
    • 2010/02/15 (Mon) 00:11

    すげえ!

    時代はゲーム、ラノベを追い越したな。

    • msdn #-
    • URL
    • 2010/02/16 (Tue) 23:20
    Comment Form
    このエントリへコメントを書く
    (任意)
    (任意)
    (任意)
    (必須) HTML のタグは使用できません
    (AAを貼るときは、[太字] ココにAAを書く [/太字] のように 太字 タグで括るときれいになります。左下の[太]ボタンをクリックして「ずれないAA 小」 というところにAAを書いてください。斜体、下線、打消 で括ってもずれないAAにすることができます。)
    http:// は禁止ワードです。
    (任意) ID生成と編集に使用します

    コメントのプレビューのようなもの

    ここにプレビューが出ます。

    トップへ

    トラックバック

    http://3tackle.blog55.fc2.com/tb.php/358-f2be9025

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

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

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

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

    プロフィール

    タックル

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

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

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

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

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

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