タグ

関連タグで絞り込む (22)

タグの絞り込みを解除

jQueryに関するraiga448のブックマーク (12)

  • ページの目次ナビゲーションを自動で作ってくれるjQueryプラグイン「AutoAnchors」:phpspot開発日誌


    AutoAnchors jQuery Plugin ページの目次ナビゲーションを自動で作ってくれるjQueryプラグイン﹁AutoAnchors﹂ 見出しに<h3>なんかを使っていたとして、このプラグインを初期化すると次のような目次があらわれてクリックすれば指定の場所に移動できるという物が作れます。 h3で記事を書いておいてとりあえず後で見返してナビゲーションを作るなんていう作業をしたことがありますが、自動でやることで文書の変更にも対応できますね。 次のように、h3とか好きなタグは自分で選ぶことが出来ます。 ナンバリングもやってくれちゃいます。 関連エントリ ゴージャスなドロップシャドウをクロスブラウザで実現できるjQueryプラグイン﹁pShadow﹂ Twitter OAuth認証をポップアップで行うjQueryプラグイン ファンシーなデザインのカウントダウンタイマー実装jQueryプ

  • jQueryとTopsy APIを使ってそのページを言及したツイートを表示するスクリプトを作った - F.Ko-Jiの「一秒後は未来」


    (重要な追記: 2012-01-25) Topsyの API を利用するために API Key が必要となりました。さらに30日間は1日あたり7,000コールまで無料、それ以降は1日500コールまでなら無料で使えるそうです。 APIキーの取得はこちらから。 → http://manage.topsy.com/app そのページが何回ツイートされたかを表示してくれるカウンターといえばTweetmemeとTopsyが有名ですが、TopsyのAPIを利用すると﹁そのページのURLが投稿されたツイート﹂を取得できるみたいなので、jQueryを使って各記事の下に表示してみることにしました。 たとえばこの記事の場合はこんな風に表示されます。 ↑ リスト表示 ↑ アイコン表示 APIの解説 TopsyのAPIで用意されているメソッドのうち﹁trackbacks﹂を使うと、そのURLを言及したツイートの
    jQueryとTopsy APIを使ってそのページを言及したツイートを表示するスクリプトを作った - F.Ko-Jiの「一秒後は未来」
    raiga448
    raiga448 2011/09/15
    コードも記事もよみやすくて、弄りやすかったです(^^)
    リンク

  • 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌


    jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン﹁fMarquee﹂。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単！ <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
    raiga448
    raiga448 2011/09/10
    けっこう好きかも・・・
    リンク

  • jQueryのバージョンが違うものを複数設置してもよいのでしょうか？ - JavaScript - 教えて！goo

    質問 Check Tweet jQueryのバージョンが違うものを複数設置してもよいのでしょうか？役に立った：1件 質問者：maimainet 投稿日時：2009/10/07 00:28 困り度： 最近jQueryに興味を持ち、サイトで公開されているプラグインを試しています。複数のスクリプトを実行させるとエラーが起こるため原因を探っているのですが、jQueryを使ったサイトを研究していてふと疑問に思ったことがあります。 とても初歩的な質問だと思うのですが、jQueryにはいろいろなバージョンがあるのでしょうか？jQuery 1.2.3や1.3.2などいくつか見たことがあります。それは単純に開発の段階で新しくバージョンアップされただけなのでしょうか？それとも全く別物なのでしょうか？ それらの違うバージョンのjQuaryは共存することはできるのでしょうか？ サーバーにいくつもアップロード

    raiga448
    raiga448 2011/08/20
    アメブロの新スキンでこれは問題かも・・・わざめーばーさんも記事にしてたけどシステム側の方で読み込むものに上書きされてしまう・・・
    リンク

  • JQuery Corner Demo

    This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid

    raiga448
    raiga448 2011/08/09
    角丸だけでなくバリエーションが豊富でおもしろい
    リンク

  • jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog


    先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から﹁JSは何となくわかるけど、jQueryが特殊すぎてよくわからない﹂という声を聞きます。 個人的にjQueryを使う場合、﹁JSの中でjQueryを使う﹂と言うより、﹁jQueryの中でJSを使う﹂と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。 文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。 ︵Traversing以外のmethodはインデントを維持します︶ そして、末尾には開始行と同じ位置に﹁;﹂を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla
    jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
    raiga448
    raiga448 2011/08/09
    jQueryの中でJSを使うという考え方・・・なるほど
    リンク

  • HTML5の新要素をjQueryでappendとかするとIEでバグる件 - Webtech Walker


    jQueryでsectionとかarticleとかをappendしたときにstyleが反映されなかったという話しを聞いたので調べた＆検証してみたメモ。 デモつくった 調べてみたところ、定義されていない要素をinnerHTMLしてappendChildすると、以下の例の場合IE8以下では開始タグ、テキストノード、終了タグの3つの要素として追加されるとのこと。︵html5shivは読み込んでます︶ var div = document.createElement('div'); div.innerHTML = '<section>section</section>'; document.getElementById('box').appendChild(div); 以下のようにcreateElementすればいける。 var div = document.createElement('div'
    HTML5の新要素をjQueryでappendとかするとIEでバグる件 - Webtech Walker

  • 5509.me

    This domain may be for sale!

  • jQueryでthisの子要素を取得するやり方いろいろ | Base Views

    公開 2010年6月6日（日） 更新日 2014年8月18日（月） スポンサーリンク jQueryを使っていて、thisとその子要素を同時に指定したい場合がある。 結構いろんなやり方があるみたいで、取りあえず使いやすそうなので下の3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上がシンプルでいいかと思うんですが、取得したいthis直下の要素名をthisの手前に書くんですね… 使いどころは多そうですが、例えば下みたいなの。「Click1」をクリックしたらその直下の<div>が隠れるようにしたい場合とか。 <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex

  • HugeDomains.com

    Captcha security check isenne.com is for sale Please prove you're not a robot View Price Processing

    raiga448
    raiga448 2011/02/13
    ｊQueryはあまり重くないから良い・・・個人サイトもビジュアルを意識した方が良いか考察中
    リンク

  • jQueryプラグイン サンプル（その他）：skuare.net


    JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを﹁簡潔・簡単﹂に書けます。 ここでは、その他のjQueryプラグインを紹介しています。 ちょっとしたアニメーション効果で印象をぐっと良くするためのjQueryプラグイン﹁animo.js﹂ 時折背景に線を散らしているサイトがありますが、それをjQueryプラグインLines.jsを使って描くことが可能です。 これにより印象的な感じのサイトになるかもしません。 via‥Lines.js
    raiga448
    raiga448 2011/01/01
    最近今頃になってAjaxに興味もってる
    リンク

  • 読み込むだけでページ内リンクをスクロールするjQueryプラグイン

    2010年2月21日 ページ内リンクをスムーズスクロールさせるjQueryプラグインを作ってみた。 今あるサイトに読み込むだけの簡単設計 巷にありふれている、ページ内リンクをスクロールさせるための、jQueryプラグインです。正直、「新しく作る必要なくね？」な印象は拭えません。 しいて言えば、今あるサイトに読み込ませるだけでページ内リンクが自動でスクロールするようになるため、初心者にやさしい設計だということです。 あと、最後に言い残すこととしては、「これなら自分にも作れそう」・・・と、思うことって、最初の一歩を踏み出すのにすごく大切なことだと思う。ってことだけです。 DOWNLOAD - jquery.scroller.d5.js サンプル このサイトでも使用しているので、このページのフッターにある「このページの先頭へ」というリンクで動作が確認できます。 簡単な使い方 <script ty

    読み込むだけでページ内リンクをスクロールするjQueryプラグイン
    raiga448
    raiga448 2010/11/26
    ただ、読み込むだけなんで簡単
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.