5509.meThis domain may be for sale!
[チュートリアル]jQueryでページの所定位置まで来たら要素表示 via could
twitter facebook hatena google pocket 長谷川恭久（@yhassy）さんのブログcouldで使用されているscriptがよかったので紹介します。 なお、コンテンツも非常に読み応えがあるので、購読をお勧めします。 さて、couldでは、記事詳細を読み進め、ある位置までくると上からソーシャルブックマーク系が降りてきます。 記事後半まで読んでくれた意欲の高い人に対しアピールが出来、ソーシャルメディア上の伝播がより期待できます。 購入ボタンやお問合せボタンなどを置いてもいいかもしれません。 わりとシンプルな記述なので、苦労なく導入できると思います。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 ■JavaScriptの記述 <script type="text/javascript" src="jquery-1.4.2.m
![[チュートリアル]jQueryでページの所定位置まで来たら要素表示 via could](https://cdn-ak-scissors.b.st-hatena.com/image/square/11ca1ab33e936fcf16e770dfbd7067653fbb7d52/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2010%2F09%2FjslideBox-thumb-300x200-514.jpg)
インラインでその場でLightboxできる「jQuery.popeye」:phpspot開発日誌
jQuery.popeye 2.0 | an inline lightbox alternative インラインでその場でLightboxできる「jQuery.popeye」というスクリプトがあるみたいです。 画面をグレーにすることなくその場で画像を送れるので、地味ではありますがこういう使い方もいいなという効果を得られます。 動きとしては記事中にある、一見普通の画像。 カーソルを合わせるとナビゲーションが現れ、画像のスライドが表示されます。 微妙に、写真の下にはキャプションが表示され、写真の説明が見れます。 ありそうで、なかったですね。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 画像やページをLightBox風に表示できるThickbox 表示法が新しくセクシーなLightBox「SexyLightBox」
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
チェックボックスがはんぱない結束力を発揮する jDTSynergyCheckbox :: 5509
卵かけご飯は最近TKGって言うらしいですが、TKGを食べるときに白身だけつるんって全部口の中に入ることないですか？あと、ご飯もりもりにしたときに白身が茶碗からつるんっていくときないですか？ 結束力大事ということでチェックボックスに某倶楽部並の結束力を与えてみました。 オプションを使えば違う意味でのシナジーを発揮します。 導入方法 1. jQueryとjDTSynergyCheckboxを読み込む 2. 実行する $()で対象にする要素を指定します。 jQuery(function($) { $('input').jdtSynergyCheckbox(); }); オプション チェックボックスたちの不満の声。 オプション項目 内容
要素を切り替えるJavaScript「jShowOff: a jQuery Content Rotator」
twitter facebook hatena google pocket 要素を切り替えるJavaScriptは多くありますが、自分の好みが見つからないかもしれません。 今回紹介するjShowOff: a jQuery Content Rotator Pluginも選択肢のひとつにしていただければと思います。 sponsors 使用方法 jShowOff: a jQuery Content Rotator Pluginからファイル一式をダウンロードします。 <link rel="stylesheet" href="jshowoff.css" type="text/css"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.js
気楽に要素を回転させられるJavaScript「jQuery Roundabout」
twitter facebook hatena google pocket 画像などの要素を回して印象的に見せたい。 そんな時にはJavaScriptのjQuery Roundaboutを使用すると良いかもしれません。 手軽に導入できます。 sponsors 使用方法 jQuery Roundaboutからjquery.roundabout-1.0.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.roundabout-1.0.js"></script> <script type="text/javascript"> $(document).ready(functio
べらぼうに簡単にストリートビューを表示できるJavaScript「stview.js」
twitter facebook hatena google pocket ストリートビューを表示させたいという思いがあるかもしれません。 そんな時はstview.jsを利用すると3行追加するだけで表示することが可能です。 sponsors 使用方法 stview.jsからファイルをダウンロードします。 <script type="text/javascript" src="stview.js"></script> <div class="$stview" width="400" height="300">住所</div> <script>$stview.parse();</script> 住所には緯度経度を入力しても可能です。 <div class="$stviewLatLon">42.375248, -71.115133</div> これで終りです。 べらぼうに簡単にストリートビューを
画像のキャプションを画像から飛び出るように表示するJavaScript「jQuery Drop Captions Plugin」
twitter facebook hatena google pocket 画像にキャプションを付けることでユーザーに配慮することが可能です。 JavaScriptライブラリのjQueryプラグインのjQuery Drop Captions Pluginを使用すると、画像から飛び出すようにキャプションを表示できます。 sponsors 使用方法 jQuery Drop Captions Pluginからファイルをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.dropcaptions.js"></script> <script type="text/javascript" src="jquery.easin
Google Mapsを簡単に表示するJavaScript「gMap」
twitter facebook hatena google pocket Google Mapって便利ですよね。 でも細かい設定をするのは少し面倒とお思いの方にjQueryプラグインの「gMap - Google Maps Plugin For jQuery」を紹介します。 マーカー位置やzoomレベル、コントローラー設置など設定が簡単に可能です。 sponsors 使用方法 gMap - Google Maps Plugin For jQueryからjquery.gmap-1.0.0.jsをダウンロードします。 <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ＡＰＩキー"></script> <script type="text/javascript" src="jquer
画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラム:phpspot開発日誌
AJAX-enabled Sticky Notes With PHP & jQuery ? Tutorialzine 画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラムが公開されています。 動くサンプルは次のようになっていて、画面にぺたぺたはったような面白いものになっています。サンプルプログラムだけではなく、チュートリアルも公開されています。 デモページ z-indexを調整して、クリックしたものが最前面にくるようになってます。 ノートの追加をする場合のUIもいい感じで、LightBox風の画面があらわれて、色を選べるようになってます。 ちょっとした連絡用に設置したりすると面白いかもしれませんね。
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」:phpspot開発日誌
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」。 Chromatableはテーブルのヘッダーを固定させ、テーブルの要素にスクロールバーを付けることができるjQueryプラグインです。 普通のテーブル Chromatableで初期化 次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。 実装方法 実装方法も超簡単で、JSコード自体はたったの１行で実装可能。 <!-- ライブラリ読込み --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.chromatable.js"></script> <!-- 初期化方法１ --> <script> $(document).ready(functio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
GitHub - jquery-backstretch/jquery-backstretch: Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automat
http://bizcaz.com/archives/2009/04/07-214100.php
http://moto-mono.net/2010/02/15/jquery-execution-pattern.html
IDEA * IDEA
selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509
http://moto-mono.net/2009/05/21/control-slide-navigation-with-jquery-cookie.html