紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
jQuery Droppablesでドロップ処理も超簡単 - ［JavaScript］All About
jQuery UI Droppablesでドロップ処理も超簡単 1: Droppables 2: サンプル 前回は Draggables でDOM要素をドラッグしました。 今回は、その、ドラッグした要素をドロップしていろいろな処理を行えるようにする jQuery UI 、 Droppablesを紹介します。 前回見たとおり、jQueryではドラッグ処理を簡単に実装できますが、複雑な判定などを伴うドロップ処理も とても簡単に利用することができます。 jQuery Download jquey.js(-min.js) UI/Droppables Droppables デモ ダウンロード jquery.ui-1.0.zip （101 KB Draggablesも含まれています） jQueryのダウンロードと設置 Draggables Droppablesを使うた
Webs.com has been shut down: Find out more
We’re excited to share that we have made some changes at VistaPrint and as a result, webs.com has been retired. Our team is here to ensure a smooth transition for you! We’ve got you covered ! Start using our new service offering Vista x WIX for free Create a website your way – for free!We’ve partnered with Wix – the free website builder that helps small businesses get online – so you can easily cr
Big Sky :: JQueryのCycleプラグインでデビルマンのスライドショー
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the problem, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
twitter facebook hatena google pocket 要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素
要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」:phpspot開発日誌
InnerFade with jquery InnerFade is a small plugin for the jQuery-JavaScript-Library. 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」。 スライドショーのように、要素内がアニメーションしながら切り替わるパーツが作れます。 便利なのは、画像が切り替わった際に、画像からのリンク先も切り替わる点。 実際には、次のように、ul 要素内の li を順にアニメーションするという仕様になっているようで、その実装も簡単です。 <ul id="portfolio"> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"> <img src="images
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素").easydrag(); }); </script> 上記を記述したら、
[jQuery]独自のプロンプトを表示する
jQuery Impromptuを利用すると、こんな感じに独自のプロンプトを表示することができます。 単純なプロンプトはこんなんでできちゃいます。 $(document).ready(function(){ $("#btn").click(function(){ $.prompt('Example 1'); }); }); 画像にあるようなプロンプトを表示する場合はこんな感じ。 function mycallbackform(v,m){ $.prompt(v +' ' + m.children('#alertName').val()); } $(document).ready(function(){ $("#btn").click(function(){ $.prompt( 'Please enter your name:<br /><input type="text" id="alert
![[jQuery]独自のプロンプトを表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/16b6c4e86157ba326bb6e019555cec47e19feb1f/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3cd32bc088aff0670d294b1403ab0e7140d4152f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmatsukaz%252F20071127%252F20071127021503.gif)
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
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
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
ページ単位でタグクラウドを作成するjavascript「DynaCloud」
ブログが急速に広まり、記事を関連づけるタグという仕組みがひろまりました。 これにともないタグの量に応じてテキストの大きさを変えるタグクラウドも浸透しています。 DynaCloudではこれを単一ページで実現するjavascriptを公開しています。 sponsors 使用方法 DynaCloudからjquery.dynacloud-2.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.dynacloud-2.js" type="text/javascript"></script> <style type="text/css"> .highlight {b
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」:phpspot開発日誌
Scripteka :: Prototype extensions library Prototype.js (+Script.aculo.us)を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」 例えば、次のようなPrototype.jsを使ったライブラリが紹介されています。 アコーディオン カラーピッカー ツールチップヒント 日付入力補助ウィジェット ライブラリ探しのヒントに。 関連エントリ prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 Prototype.jsベースのUIライブラリ「Prototype UI」 prototype.js逆引きサンプル集 - JavaScriptist
表を読み取りやすくするjavascript「tableHover plugin」
twitter facebook hatena google pocket サイトでは表をテーブルで作成することが多いですが、縦横に項目が増えていくと、どこを示しているのか判別しづらくなります。 tableHover pluginを利用すると、マウスを載せた（またはクリックした）セルを着色することができ、読み取りやすい表を作成することができます。 sponsors 使用方法 tableHover pluginからjquery.tablehover.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.tableh
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Superfish Suckerfish on ’roids
jScroller for jQuery by Markus Bordihn
Domain Details Page
bernardopadua.com - bernardopadua リソースおよび情報
Library for simple drawing with jQuery - OpenStudio Communication sur Internet