Client: KOKUYO Co.,Ltd. Project Management: Masato Yamaguchi (THE GUILD, Alpha Version Inc.) Art Direction: Chiharu Kodama (THE GUILD, ium inc.) / Yukiya Okuda (THE GUILD, Shouwakiden Inc.) Design: Konami Endo (THE GUILD, ium inc.) / Hana Ihara (THE GUILD, Shouwakiden Inc.) Development: Niwayama Naomoto / Kenji Wada (THE GUILD, Alpha Version Inc.) Illustration: SANDER STUDIO ルール？展 Organized by: 21

ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介するjavaScriptライブラリ「wrapScroll version 0.9.6」はブラウザのスクロールと同期するナビゲーションを実装するためのライブラリです。 実装方法は簡単です。現在配布されているjavascriptライブラリはprototype.js、mootools.js、jQueryなどのフレームワークに影響されないとのことなので、導入しやすいかと思います。動作サンプルは以下からご覧ください。 詳しくは以下 ■右ナビゲーション 2カラムレイアウト　右ナビゲーションが移動 ■3カラムレイアウト 3カラムレイアウト　サイドのナビゲーションが移動 ■オーバーレイ 独立した2つのナビゲーションレイヤーの移動 ■リレーション

サイトの構造を分かりやすく整理したグローバルナビゲーションを設置したい。カテゴリが細分化されているWebサイトで、遠回りせずに直接、目的のページに移動できるようにしたい――。そんなときに使えるJavaScriptライブラリが、Dynamic Driveで公開中の「Smooth Navigation Menu」だ。 Smooth Navigation Menuは、多階層のドロップダウンメニューを簡単に設置できるライブラリ。（X）HTML中のリストタグを読み込み、下の画面のようにドロップダウンメニューとして表示してくれる。しかも、メニューの展開時にはちょっとしたアニメーション付き。ライブラリ名にもなっているとおり、スムーズな動きがなかなか気持ちいい。 このSmooth Navigation Menuは、JavaScriptに詳しくないWebデザイナーでも扱いやすいように、スクリプト部分を一切い

ドロップダウンメニュー｜DropDownMenu.js プルダウンメニュー化する方法もいろいろあるみたいですが、今回紹介させてもらうのは、JavaScript + Ajax 実践サンプル集さんのドロップダウンメニューです。 タブの「分割コード」をクリックすると、JavaScript、css、htmlのソースが記述されているので、コピー＆ペーストで使えるようになっています。 いままでプルダウンメニューをいろいろと試してみたんですが、ブラウザによる表示のズレもなく、画像も問題なく使えました。何よりいつも使っているJavaScript（画像のロールオーバー時に使用）との相性も良かったので気に入っています。 編集も簡単なのでオススメの一品です。 では、サンプルです。 ↑このサンプルはこちらからダウンロードできます。 他にもfaLogさんのCSS(とJS)でシンプルなドロップダウンメニュー - 2と

ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3

株式会社 アポロ計画 〒810-0074 福岡市中央区大手門3丁目12-12 BLDG64 201 TEL.092-738-9099 お問い合わせ OPEN 9:00-18:00（日・祝除く）