jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery 昨今Tori's Eyeのように要素をJavaScriptで動かしているサイトを多くみます。 今回はjQueryを使用して要素を動かす方法を紹介します。 via：Crafting an Animated Postcard With jQuery sponsors 使用方法 サンプルのようなアニメーションを作るには以下のようなhtmlを記述します。 使用するファイル一式はCrafting an Animated Postcard With jQueryからダウンロードしてください。 <div id="content"> <div id="sun"><img src="images/sun.gif"/></div> <div id="cloud1"><img s
jQueryで要素をぐるぐる回す「jQuery Circulate」
jQuery Circulateは画像やテキストなどあらゆる要素をぐるぐる回すことができるJavaScriptです。 ちょっとしたギミックとしてサイトに取り入れてみてはいかがでしょうか。 sponsors 使用方法 jQuery Circulateからファイルをダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.easing1.3.js"></script> <script type="text/javascript" src="jquery.circulate.js"></script> <script type="text/javascript"> $(document).ready( functi
Pinterestライクに要素を整列させるjQueryプラグイン「The Wookmark jQuery plugin」
一時期流行ったデザインのため以前から要素を整列させるjQueryプラグインは多数ありました。 現在Pinterestが海外では注目されているため、これ系のデザインニーズが改めて高まりそうです。 そこで、これを実現するWookmark jQuery Pluginを紹介します。 sponsors 使用方法 Wookmark jQuery Pluginからファイルをダウンロード <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content li')
テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」
アクセするごとにテキストのサイズと位置をランダムに表示させられるjQueryプラグインです。 最近見ませんが、タグクラウドみたいなものです。 via：jQuery Splatter sponsors 使用方法 jQuery Splatterからファイル一式をダウンロード。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.splatter.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('#id名').splatter({ height: 350, //高さ width: 700,
テキストの切り替えを面白く印象的にできるjQueryプラグイン「Textualizer」
画像の切り替えJavaScriptを多く出回っていますが、テキストはあまり見ませんでした。 jQueryプラグインのTextualizerを利用すると、かなり面白い切り替えを行うことが可能になります。 sponsors 使用方法 krisk/textualizer - GitHubからファイルをダウンロード。 jQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="textualizer.js"></script> <script type="text/javascript"> $(function(){ var list = ['テキスト1', 'テキスト2']; var s = $
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
