iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」
twitter facebook hatena google pocket ページに外部ページを表示させる方法にiframeがありますが、XHTML 1.0 StrictやXHTML 1.1で「非推奨要素・属性」となっています。 JQuery iFrame Pluginを使用すれば、これを一見クリア（多分）しつつ、iframeが使用できます。 （追記：2007.11.25） ＊コメントいただいたように、オンラインチェッカーではValidになりますが、出力されたものはValidではありません。 これにともないタイトルを変更しました。 変更前：iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」 変更後：iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」 sponsors 使用方法 JQue
ユーザビリティに優れた画像ギャラリーJavaScript「jquery.showcase」
twitter facebook hatena google pocket 画像ギャラリーは、数多くあふれていますが、発端がLightBoxだったからか、あまりユーザビリティに優れているとはいえません。 jQueryプラグインのjquery.showcaseを使用すると、今何を見ていて、後何枚あるのかを明示することができ、わりとユーザビリティに配慮できます。 sponsors 使用方法 jquery.showcaseからjquery.showcase.1.0.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.showcase.1.0.js"></script> <sc
jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
twitter facebook hatena google pocket デザインの美しさと洗練された機能により人気のapple商品。 そんなappleぽいスライド型画像ギャラリーをjQueryで作成します。 via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery -- Tutorialzine sponsors 使用方法 とりあえずjQueryからjquery.jsをダウンロードしときましょう。 また、ギャラリー部分は下記のようなマークアップをします。 メイン画像と対応するサムネイルを置く形です。 <div id="main"> <div id="gallery"> <div id="slides"> <div class="slide"><amp-img src="画像パス1" width="920" heigh
目をひきつけるニュースティッカー：jQueryプラグイン「BBC style news ticker」
ニュースティッカーにはいろいろな種類がありますが、今回紹介するjQueryプラグイン「BBC style news ticker」は、かなり目をひきます。 1文字1文字点滅しながら表示されるので、目立つ＆うざがられること間違いないでしょう。 sponsors 使用方法 BBC style news tickerからjquery.newsTicker.jsをjQueryからjquery.jsをダウロードします。 <script src="jquery-1.3.js" type="text/javascript"></script> <script src="jquery.newsTicker.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { v
コンテンツをスライド表示するjavascript「Coda-Slider」 : skuare.net
twitter facebook hatena google pocket Web上には無限大のスペースが広がっています。 しかし、コンテンツの多さ＝見やすさには決してなりません。 coda-sliderは多くなってしまったコンテンツをスライドのように表示することで、見やすさも得ることができます。 sponsors 使用方法 coda-sliderからjquery.easing.js、slideviewer.jsを、jQueryからjquery.js（v1.1）をそれぞれダウンロードします。 また、zipファイル内のindex.htmlからcssを取り除きます。 （jCodaSlider.css＊画像パスを各自変更してください） <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <scrip
お手軽アコーディオンJavaScript「myAccordion - plugin jQuery」
twitter facebook hatena google pocket アコーディオンをお手軽に導入できるJavaScript「myAccordion - plugin jQuery」です。 これでコンテンツを収納できるようになります。 sponsors 使用方法 myAccordion - plugin jQueryからファイルをダウロードします。 <link rel="stylesheet" type="text/css" href="myAccordion.css"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="myAccordion.js"></script> <script language="JavaScript" typ
パンクズを綺麗に見せるJavaScript「jBreadCrumb」
twitter facebook hatena google pocket パンクズを設置することでユーザーがどこを見ているのかをわかりやすくできます。 おおかた地味な存在ですが、jQueryプラグインjBreadCrumbを使うと一味違う見せ方が可能です。 sponsors 使用方法 jBreadCrumbからファイル一式をダウンロードします。 <link rel="stylesheet" href="BreadCrumb.css" type="text/css"> <script src="jquery-1.3.js" type="text/javascript"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.jBreadCrumb.js
jQuery製で柔軟性の高いアコーディオンメニュー「Flexible Accordion」
twitter facebook hatena google pocket クリックするとメニューが開くアコーディオンと呼ばれるメニューがあります。 jQueryプラグインのFlexible Accordionは、さまざまなオプションを指定できる柔軟性の高いメニューを作れます。 sponsors 使用方法 Flexible Accordionからflexaccordion.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="flexaccordion.js"></script> <script type="text/javascript"> $(document).ready(fun
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
