タグ

jsに関するmasuoooのブックマーク (2)

  • POPS-BLOG-DEMO-007 | jQuery色々なアコーディオン

    Accordion Menu サンプル 4種類 accordion 31 は「閉じてから開く」よりも「同時開閉」の方が見易いと思いますが、どうでしょうか。 このサンプルは、初期時、1番目(上段)が開いた状態に設定されています。 toggleクリック関数を使用しないJS、(オブジェクトを保存したJS) オブジェクトを保存したJSで多少は速くなります。(前ページと若干の違い有り) accordion29-accordion32、多少効率良くなり早くなる。基的にこの4種類があれば事足りる。 //Accordion (function($){ //accordion29表示/非表示 の切り替え $(function(){ //オブジェクトを保存 var accordionItem=$('#accordion-29'); //一旦全部消す accordionItem.find('div').hid

  • jQueryプラグインの作り方の初歩

    自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基的な作り方を調べてみました。(あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。) 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ

    jQueryプラグインの作り方の初歩
  • 1