jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
クロスフェードでロールオーバーを行う「rollover2.js」
クロスフェードでロールオーバーを行う「rollover2.js」 Check Tweet 配布元：クロスフェードするロールオーバー処理をお手軽に実装するJavaScript ライセンス：MIT License rollover2.jsはロールーオバー処理にクロスフェードを適応できるJavaScriptライブラリだ。 使い方 配布元よりダウンロードした「rollover2.js」をhead要素などで読み込みます。UTF-8以外の文字コードのサイトでこのライブラリを利用する際には「charset=”utf-8″」の記述を忘れずに行う必要がある。 <script type="text/javascript" src="rollover2.js" charset="utf-8"></script> 画像はデフォルトの画像を「bottonA_rollout.jpg」など拡張子の直前に「_rollou
要素に複数の背景画像を設定出来る「jQuery background_layers」
要素に複数の背景画像を設定出来る「jQuery background_layers」 Check Tweet 配布元：jQuery background_layers ライセンス：free jquery background_layersはCSS3の「multiple background images」つまり、ひとつの要素に対して複数の背景画像を設定することが出来る機能をクロスブラウザで利用する為のjQueryプラグインです。 使い方 まずはhead要素などでjQuery本体と、配布サイトよりダウンロードしてきたjquery.background_layers.jsを読み込みます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.
使えるjQueryプラグイン：ブロック要素を丸ごとリンクに変えてくれるBiggerlink.js
地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリンクを貼ってなくても、リンクを内包するブロックレベル要素全体がリンクに変身します。 サンプルデモのHTML構造は以下の通り。 <li>タグの中に<h4>タグの見出しと<p>タグのパラグラフを入れてみました。 リンクは<h4>タグに貼ってあります。 Biggerlinkなしの（通常の）スタイル リンクは見出しのテキストだけです。 もうちょっとカッコよくしたいかも….。 Photoshop Tutorial Photoshopで簡単にできる QuickTipsを集めてみました Illus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
