jQuery

jQuery と CSS3 の :target セレクタを使ってスライドショーを作ってみた

:target セレクタの便利さを試してみたかったので作ってみた. デモ: jQuery Slideshow with CSS3 :target selector 上下キーでページ切り替え.単純なページ切り替えしか実装していない.文字が追加で表示されるとか横から何か飛び出てくるとかはできない…

jQuery プラグイン 書いた

http://gist.github.com/590362 要素を縦方向のみリサイズできるように.要素の下につかんでドラッグできる要素を追加.http://gist.github.com/592245 テキストエリアを自動で伸ばす.動作がカクカクで気持ち悪い. デモ

$.each の落とし穴

jQuery の $.each は for で書くよりさくっとかけて便利だ。 *1 使い方は $.each([0, 1, 2], function() { alert(this); }) のように、第1引数に Array (or Object)、 第2引数に各要素に対する処理 Function を書く。 this は それぞれの値(この例だと 0, …

jQuery でしましまを作るプラグイン

ヒント: http://h2ham.seesaa.net/article/114037411.html each 内の function の引数にインデックスがわたされることがわかったので (function($){ $.fn.zebra = function(options){ var default_options = { class_name: 'zebra', interval: 2 }; options …

jQuery プラグインを書くときのポイント

input に事前に値を入力しておく - higeorange's blog を例に jQuery のプラグイン(メソッド追加)書き方のポイントを書いて見る。(あくまでも私の書き方) メソッドの追加法 (function($) { $.fn.[メソッド名] = function() {} })(jQuery) という書き方を…

input に事前に値を入力しておく

input に事前に入力値を入力しておいてフォーカスするとその値が消える jQuery プラグインを書いた。 (function($) { $.fn.preInput = function(txt, options) { var default_options = { class_name: 'pre-input' }; options = $.extend(default_options, o…

Ajax でフォームポスト

(function($) { $.fn.ajaxPost = function(callback, options) { var default_options = { data_type: 'html', before_send: function() {}, error_handler: function() {} }; options = $.extend(default_options, options) return this.each(function(){ i…

汎用化

昨日のは マウスオーバー, マウスアウトによる制御だったけど他のイベントでもできるようにしてみた。 (function($){ $.fn.eventDelay = function(delay, triger, cancel, callback) { return this.each(function() { var target = $(this); var tid; target…

マウスオーバーしつづけると動く

はてなスター削除の時のように、ある要素にマウスオーバーし続けるとある動作が起こるようにする jQuery プラグインを書いた。 (function($) { $.fn.mouseOverDelay = function(delay, callback) { return this.each(function(){ var tid; $(this).hover(fun…

preventDefault() and stopPropagation()

jQuery でイベントの伝播を止めたり、デフォルトの動作を殺したりするには element.click(function(evt) { evt.preventDefault(); evt.stopPropagation(); alert('hoge'); }); のように書くんだけどこれは, IE の event.returnValue = false; と event.cance…