jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
jQuery Form Framework - jFormer
If one of your requirements is to support multiple languages, you must familiarize yourself with supporting Unicode data. An in-depth discussion of Unicode support is outside the scope of this article. Besides, Joel Spolsky has already said it best. What you should know is how Unicode affects your database design (data types used), how it affects the encoding used for your Web application pages, a
複数選択するフォームのselectを見やすく使いやすくするjQueryプラグイン・jQuery UI Multiselect
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いどころがありそうです。 フォーム周りは覚えておくと便利ですよね。 jQuery UI Multiselectは複数選択するselectを見やすく使いやすくしてくれます。
Plugins | jQuery Plugins
* Added live demo page (url at bottom of page) This project allows the user to extend the textarea element/area within the web page whenever they feel. I noticed this functionality when adding a plugin to this website, I guess it's not used that often on other websites. It is part of the Drupal code, although I haven't much experience with Drupal. I found it useful and could see an immediate use f
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」:phpspot開発日誌
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 2011年02月04日- zClip :: jQuery ZeroClipboard クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 IE, Firefox, Chrome 等で問題なく動作するクリップボード用プラグインのご紹介です。Flashを内部的に使って、クロスブラウザを実現しています。 コピーしたいテキストはjQueryベースということで $(element) で指定することが出来るので超便利なのと、コピー前/後のコールバック関数を指定できることで、コピーが完了した際にメッセージを出したり、要素の色を変えたりすることが出来ます。 コードは次のようにシンプルに記述できます。Flashのパスなんかもここで指定できます。 jQuery
Overlay Effect Menu with jQuery | Codrops
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery. So, let’s start! The Markup The HTML structure will consist of a main wrapper div for the menu which will contain the overlay and the unordered li
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
http://neteye.github.com/activity-indicator.html
NETEYE Activity Indicator A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following b
Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」:phpspot開発日誌
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」がGoogle Codeにて公開されています。 広がるカレンダーをクリックで簡単に予定を追加し、次のように表示できます。ラインをクリックすれば予定が分かったり、ラインをドラッグ＆ドロップして予定をずらせたりすることが可能。 背景画像を指定したりすることも出来ます。 他にも同様のライブラリはありますが、仕様によって使い分けるとよさそうですね。 関連エントリ これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calend
[JS]カスタマイズ性に優れた、メッセージのパネルを一時的に表示するスクリプト -Easy Notification
設置が簡単で、オプションも豊富に用意されカスタマイズ性にも優れた、メッセージのパネルをアニメーションで表示・非表示するjQueryのプラグインを紹介します。 パネルを消去するには、「Close」ボタンをクリックします。 デモは他にも二つ公開されています。 デモページ：2 クリックでパネルを表示。 デモページ：3 クッキー対応、初回のみパネルを表示。 Easy Notificationの特徴 マークアップは非常にシンプル、しかもカスタマイズ性は強力 あらゆるエレメントに設置が可能 トリガーとなるイベントは、クリックやページロードなどに選択可能 クッキーを使用して、一度だけ表示することも可能 不必要に繰り返し表示しません。 [ad#ad-2] Easy Notificationの実装 パネルのHTML パネルはシンプルなHTMLで生成されます。 <div id="easyNotificatio
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
HugeDomains.com
Captcha security check isenne.com is for sale Please prove you're not a robot View Price Processing
使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」:phpspot開発日誌
MyjQueryPlugins : jRating - Ajax rating system with jQuery 使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」。 デザインは次のように、綺麗な星のデザインになっており、個性が強すぎず、弱すぎずという感じで汎用に使えそうです。 isDisabledオプションを true にすると、星だけ表示して投票禁止にすることも出来るので、ログインユーザのみに限定したい場合なんかにも使えそうです。 更に次のような小さな星にすることも出来ます。 次のように、成功、失敗時のイベントハンドラを設定することも可能。 $(".exemple6").jRating({ onSuccess : function(){ jSuccess('Success : your rate has been saved :)',{ Horiz
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」:phpspot開発日誌
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」 2011年01月19日- JQuery Plugin: imBannerRotater | GrasshopperPebbles.com バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」。 サイトに設置するバナーなんかを例えば5秒ごとに切り替えつつ、画像だけではなく、リンク先もちゃんと変えたい場合に使えるプラグインです。 限られたスペースを使い、複数のプロモーションを行うのに便利です。 デモはこちら 広告の画像ＵＲＬ，リンク先ＵＲＬはjsonで返すこともでき、サーバ側で広告データを管理することも出来ます。 jQueryで比較的綺麗で容易に実装できるのはいいですね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションのUIは
Website Tour with jQuery | Codrops
Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to […] Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to explain your users the functioning of your web application in an interactive way. You might have noticed that Fa
1行でエレメントを縦・横センターに配置できるjQueryプラグイン「Fixed Center」:phpspot開発日誌
Fixed Center jQuery plugin David's Web Development Blog 1行でエレメントを縦・横センターに配置できるjQueryプラグイン「Fixed Center」。 $(element).fixedCenter(); のようにエレメントを指定するだけで要素をセンタリング出来ます。 難しいことを考えなくてよくて1行で指定できるので覚えておくと便利かも。 関連エントリ jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル フォームに簡易電卓を組み込める「jQuery Calculator」 30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://embedded-help.net/usage
jQueryUI Icons List / Cheatsheet
5509.me