プログラマ気分

メモや自分が思ったことを書く

<< 【PHP】オブジェクトを何にでもキャストする | main | 【PHP】TwitterOAuth でアイコンや背景画像を変更してみる >>

スポンサーサイト

2014.08.06 Wednesday

一定期間更新がないため広告を表示しています

-|-|-|by スポンサードリンク

フラグメント ID として CSS セレクタでの指定を可能にする jQuery.cssFrag.js

2011.07.28 Thursday

海外で CSSFrag という拡張機能が少し話題となっていたので、(使う人が居るかとか別にして)jQuery 用のプラグインとして作ってみました。

CSSFrag Safari Extension // ShaunInman.com

CSSFrag とは?

ページ内リンクを行う際に URL にハッシュを付けて要素の ID(又は name 属性の値)を指定すると、その位置まで移動します。この指定を CSS セレクタでも可能にするのが CSSFrag です。

【通常】

http://example.com/index.html#hoge

【CSSFrag を使った場合】

http://example.com/index.html#css(div:nth-child(2))

jQuery.cssFrag.js

同様の機能を jQuery で実現しようとしたのが jQuery.cssFrag.js です。使用できるセレクタは CSSFrag とは異なり、jQuery のセレクタが使用できます。

※使用するには、クロスブラウザでの hashchange イベントを可能にする jquery.ba-hashchange.js の読み込みが必要となります。

サンプルページ

ダウンロード:こちらから最新バージョンをダウンロードしてください。
検証ブラウザ:IE6/7/8/9, Safari 5.1, Google Chrome 12.0.742.122, Firefox 3.6.19, Opera 11.50

JavaScript11:32comments(0)trackbacks(0)by ニノミヤ カズノリ

スポンサーサイト

2014.08.06 Wednesday

-|11:32-|-|by スポンサードリンク

コメント
コメントする









トラックバック
calendar
 123456
78910111213
14151617181920
21222324252627
28293031   
<< May 2017 >>
sponsored links
selected entries
categories
archives
recent comment
recent trackback
links
profile
search this site.

others
mobile
qrcode