Quenessというサイトで、Javascriptのメニュースクリプトがまとまっています。 ざっといくつかご紹介。 ・アコーディオンメニュー » Dynamic drive Accordion menu » i-MarcojQuery Accordion Menu ・Dockメニュー » MacStyleDock » Mootool Fisheye ・ドロップダウンメニュー » Superfish Menu » jQuery Context Menu ・スライドメニュー » Slide Menu » iPod Drilldown Menu ・ツリーメニュー » Tree Panel » Sitemap Styler その他のリストは以下からどうぞ。 » 30 Javascript Menu Plugins and Scripts 昨日は焼肉。うまかった〜。

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。 以下のようなＵＩがあります。 右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。 該当のコードですが、以下のように、jQueryのanimateによって実現されています。 $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg

bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。

ホームページを作成する場合、HTMLのみを記述して作成する事も出来ますが、さらにJavaScriptという言語で記述を付け足せば、より魅力的、動的なホームーページ作成が可能です。JavaScript sampleでは簡単にJavaScriptのサンプルソースを「コピー」もしくは「加工」してご自身のホームページへ組み込めるJavaScriptサンプル集を作成してみました。 素材集・サンプル集といったような形での転用や販売目的でなければ、気に入ったJavaScriptのサンプルソースをご自由にお使い下さい。 また、JavaScriptサンプルソースを見て、プログラミングやその他、何かの参考になれば幸いです。 HP作成お役立ち！ 牛飼いとアイコンの部屋 Free Graphicsの素材集があります。 全く絵の駄目な JavaScript sample の管理人なので、 感謝しながら使

┣　文字列のスクロール（テキストボックス） ┣　文字列のスクロール（ステータスバー） ┣　1文字ずつ表示（テキストボックス） ┣　1文字ずつ表示（ステータスバー） ┣　1文字ずつ表示（テキスト） ┣　マウスを重ねると説明を表示（テキストボックス） ┣　マウスを重ねると説明を表示（ステータスバー） ┣　マウスを重ねると説明を表示（テキスト） ┣　マウスを重ねると説明を表示（ポップアップ） ┣　マウスと共に移動するイメージ ┣　入力できないテキストエリア ┣　クイックリンク ┣　クイックリンク（フレーム形式） ┣　複数のフレームページを同時に変更する ┣　プロンプトをパスワードの入力に利用 ┣　リンクボタン ┗　リロードボタン