横スライドで項目が入れ替わるナビゲーション World of granshe.

[29] [28] [27] [26] [25] [24] [23] [22] [21] [20] [19]

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

以前、 bookreaderの記事を書いてからすっかりあのインターフェースに惹かれてしまい、
研究もそっちのけで再現しようとがんばっています。
ついこの前までJavascriptが大嫌いで、全くいじろうともしなかった私がここまでのめりこむとは…。
人生何があるか分かりませんね。

今日は、2007年9月号のWebCreators（MDN）の
「スタイルシート＆Javascriptで表現するデザインパーツ62」の特集の、
64ページ「横スライドで項目が入れ替わるナビゲーション」を作成。

WebDesigning（マイコミ）は、かなり前に発行された書籍に関してもサンプルデータが残っていて、
書籍さえあればダウンロードできるようになっているのですが、
WebCreatorsはもう既に海の藻屑と化していたので、
打ち込み＆間違いなおしにとっても時間がかかりました。

64ページの例では、項目のスクロールをリンクボタンでおこなっていたのですが、
bookreaderのようにキーボードでスクロールするようにしたくて
改変に改変を重ねてようやく完成しました。
作例はとてもお見せできるモノではないのでここにはあげませんが…

この記事にコメントする

はじめまして

サンプル拝見しました！

僕もＪスクリプトははじめは嫌いだったのですがこういった手法はのめり込みますよね！

参考になりました！
また訪問させて頂きます。

keisuke_satou URL 2010/07/01(Thu)15:27:41 編集

Re:はじめまして

＞keisuke_satouさま

ご感想ありがとうございます！
かなり昔に書いたものなのでつたない箇所が多々あるかと思いますが、参考にしていただければ幸いです。

今後ともどうぞ宜しくお願いいたします。

【2010/07/03 00:10】

この記事へのトラックバック

この記事にトラックバックする：