[B! jQuery] pw6のブックマーク

次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」:phpspot開発日誌

ImageMapster 次世代のイメージマップを実現できるjQueryプラグイン <map> と <area> タグを使って画像上の好きな位置、形でリンクを貼ることができますが、あのイメージマップをjQueryによって次世代にしてしまうプラグインが登場イメージマップのエリア上をハイライトさせ、背景画像を別のものに差し替えるという効果をつけられます。（別画像はオプション指定）画像の位置とリンクを関連付けるだけという味気ないWeb1.0なインタフェースをこのプラグインが少しだけリッチにしてくれます。イメージマップってあまり使うことはありませんが、いざ仕事でこうしたUIが必要で、使わなきゃとなった時に、こんなことも出来るということを知っておくとありがたがられるかもしれませんね。関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。小さ

pw6 2011/10/17

リンク

サービス終了のお知らせ

サービス終了のお知らせいつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。お客様がアクセスされたサービスは本日までにサービスを終了いたしました。今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

pw6 2011/08/15

リンク

jQuery のセレクタを Firefox と Greasemonkey で練習する | JavaScript | かたつむりくんのWWW

最近、jQuery のセレクタをマスターするのに最適ということで「 Selectors 」というサイトが話題になっています。実際にそのサイトを使ってみるとかなり良い感じで、ビジュアルで jQuery のセレクタが理解できるので本当に役立ちます。後は実践をこなして練習するのみですね。さて、その「実践で練習する方法」ですが、ちょっとオススメなのが、 Firefox と Greasemonkey を使ってやる方法です。練習方法練習方法はいたってシンプルで、自分がよく見るサイトを自分好みにカスタマイズする Greasemonkey ユーザースクリプトを jQuery で書いていくだけです。例えば、Amazon の商品詳細ページの商品写真の次に、「あわせて買いたい」や「この商品を買った人はこんな商品も買っています」などがありますね。これらは、かなり役立つ情報ではあるのですが、僕の場合、時々

pw6 2011/08/15

リンク

http://www.idocsq.net/page/493

pw6 2011/06/10

jQuery

リンク

jQuery Templets: jQuery テンプレート

pw6 2011/06/10

リンク

jQueryでURLパラメータを扱う（get引数を使いたい） - [k]id[k]id

jqueryで http://hogehoge.com/index.htm?cid=xx とかのget引数を取り扱いたく、色々調べたところ http://jquery-howto.blogspot.comさんに情報がありました。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } [/code] 上記のfuncti

pw6 2011/06/06

jQuery

リンク

jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

pw6 2011/06/06

jQuery

リンク

40分で覚える！jQuery速習講座 (2/6)

jQueryでは現在一般的に利用されているCSS2.1だけでなく、CSS3で定義されているセレクターや、jQuery独自のセレクター（フィルターと呼びます）も利用できます。最初のうちは使い慣れたCSSセレクターを利用し、jQueryに慣れてきたらさまざまなセレクターを使い分けるようにするとよいでしょう。