jQuery Background TestjQuery Background Position Example 0: No Script Home About Contact Example A: Top down Home About Contact Example B: Right left Home About Contact Example C: Fade 1-colour Home About Contact Example D: Fade 2-colour Home About Contact
[JS]スムーズにスライドするドロップダウン型のナビゲーション -MenuMatic | コリス
ドロップダウンの箇所がスムーズにスライドする水平・垂直型のナビゲーションを実装するスクリプト「MenuMatic」を紹介します。 MenuMatic デモ：水平タイプ デモ：垂直タイプ ナビゲーション箇所はリストの入れ子で実装されおり、ラベル名はテキスト要素のため日本語に変更することも可能です。 オプションでは、水平・垂直型の選択、横幅、不透明度などを変更することができます。 MenuMaticはMooToolsのプラグインのため、動作にはMooTools 1.2 Coreが必要です。
CrossSlide
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.) What does it do? CrossSlide can do a few different things, depending on how it's called: Slid
フィールド間を自動でタブ移動してくれる入力補助JSライブラリ「Autotab」:phpspot開発日誌
Autotab: jQuery auto-tabbing and filter plugin | Matthew Miller フィールド間を自動でタブ移動してくれる入力補助JSライブラリ「Autotab」。 電話番号入力欄や、郵便番号入力欄で、フィールドが複数に分かれている場合、桁数が決まっているのであれば、次のフィールドに自動で移ってくれた方が使い勝手はよくなります。 Tabで移動することは出来ますが、その処理を知らない場合はマウスで移動する人なんかもいそうですし、打つキー数も多くなります。 そこで、オンラインバンキングなどではよくある、規定の桁を入力した後は次のフィールドに自動で移ってくれるＪＳライブラリがjQueryベースで開発され、公開されています。 実装は簡単で、まず必要なＪＳを読み込みます。 <script type="text/javascript" src="jquery
Prototip 2 - Create beautiful tooltips with ease
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba
[JS]わずか1KBの水平方向に伸縮するアコーディオンのスクリプト
LEIGEBERのエントリーから、水平方向にスムーズに伸縮するアコーディオンのスクリプトを紹介します。 Horizontal JavaScript Accordion 1kb アコーディオンのスクリプトはjQueryやPrototypeなどの他のライブラリに依存することなく単独で動作する、1KBに満たないスクリプトです。 アコーディオンの各項目は、リスト要素になっており、画像やリンクなどを配置することができます。 動作環境は、IE6, IE7, Firefox, Opera, and Safari となっています。
入力後に自動でフォーカスを移動してくれるスクリプト: Autotab - ウェブユーザビリティ.JP
製品のシリアルナンバーや、郵便番号など、あらかじめ決まっている桁数の文字を連続で入力する場合に便利な「Autotab: jQuery auto-tabbing and filter plugin」の紹介です。 ユーザーに連続した数字や記号を入力させる場合には、ルールに基づいて固まりに分けて入力させると入力がスムーズになります。 そのような、データを固まりに分けてユーザーの記憶や理解を助ける手法のことをチャンキング（chunking）と言います。 入力する際にも「CDケースの裏に書いてあるシリアルナンバーをサイトの入力フォームに書き移す」などの際に短期記憶を使うので、この手法が有効です。 しかし、入力エリアを分けた場合のデメリットとしては、全て入力するための手間が増えるということが挙げられます。 通常の場合には、文字を入力した後に次に入力したい領域をクリックし、また文字を入力するというよ
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
Timeframe
Timeframe, by Stephen Celis Click-draggable. Range-makeable. A better calendar. Click here for the example. The code: new Timeframe(element, options); Options available: months The number of calendar months showing at once (default: 2). format The strftime format for the dates in the input fields (default: %b %d, %Y). (With Datejs, it takes Datejs formatting.) weekOffset The weekday offset (use 1
[JS]Mootoolsのプラグイン 41選 | コリス
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads
Prototypde.Tidbits
Prototype.Tidbits Odds and ends for Prototype.js Usage Click on the link above to download the source, include it after you have included the main prototype.js file, and then you can use any of the methods below: document.getElementsByAttribute() , Element.getElementsByAttribute() You can use this method to select DOM nodes that contain attributes of your choosing. They can be valid or custom attr
Cookie Manager | Javascript Code | All Things W...
Updated on Sat 29 Oct: Removed dependency on Prototype's $ function. A simple object to encapsulate cookie handling. Download: cookiemanager.js (packed) or cookiemanager.js (source) prototype.js (packed) Features Get, set and clear cookies. Also provides a means of using Internet Explorer's proprietary userData behaviour for larger, persistent storage. Usage Initialisation of a CookieManager objec
GoogleカレンダーからJSONPで日本の祝日一覧を取得
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Michael Leigeber
ホットペッパー UIライブラリ
deconcept » You’ve got your good thing, and I’ve got mine » SWFObject: Javascript Flash Player detection and embed script
Google Code Archive - Long-term storage for Google Code Project Hosting.
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting