コピペしたらツリーになって確認できます。確認するだけのことが多いので、あまり編集することありませんが、どれも使い勝手はかわりませんね。このソースコードをペッと貼り付けて、実際に書き始める場所は10行目からです。この形が定着しているのは、いくつかの理由があります。括弧で括っているのは関数や変数をローカル化するため。5行目のreturnは、jQueryのライブラリが何らかのエラーがあったときに、JavaScriptエラーを出さないようにするため。8行目のnoConflictはprototype.jsなどの複数ライブラリを使用する際に、「$」を初期化するため。ここのところFlashよりもJavaScriptを触る機会が増えてきました。iPhone用Safariでメニューが動くページを作ったり、HTML5でいろんなことを表現するのにJavaScriptは必須スキルになってくるとおもいます。日本のサンプルサイトを見ていても、なんかこうスマートさやかっこよさが足りないような気がするんですが、さすが海外のサイトは装飾のアイコンまでもかっこよかったです。TOOLSを紹介します。そのままコピペでも十分つかえそうです。タブのデモだけでも13個あります。Spriteで作られていて、かつ、その画像まで公開しちゃってるところです。他のタブのサンプルは、写真のギャラリーに使えそうなモノもあります。この7番目のサンプルはとても好印象を持ちました。下からイージングしながらフェードインしてくる動き、マウスを横に動かしていくだけでも気持ちがいいですねー。驚いたのは、ツールチップがウィンドウの上部に隠れてしまう場合は下へ吹き出しが出てきます。Boxってやつですね。その呼び方自体がスタンダードみたいな呼ばれかたをしているのかもしれませんが、Overlayも基本動作はかわりません。オーバーレイする位置やアニメーションや、クールな出方をするサンプルなどあります。8個もあるんで、好みの動きが見つかるかもしれませんね。写真のスライドショーなんかのメニューでよくみる表現です。自動で再生させるボタンがあったり、マウスホイールで切り替えることができるサンプルがあります。操作感が重要なUIなので、11個のなかからいいのが見つかると思います。ほんと簡単なソースコードで導入できるんですねー。Reservedこたぽんビールと生ハムが好きフロントエンドエンジニアTokyo。