ページ遷移のないタブデザインを簡単に実装したい。 そんなあなたにおすすめなのが、『Control.Tabs』。このサイトを見れば、タブデザインを簡単に実装できる。 『Control.Tabs』では、タブデザインのソースを配布してくれている。 ↑の画像のように、「One」「Two」のタブで画面遷移なくコンテンツが切り替わる。 prototype.js1.5が必要とのことで、あとはソースコーディングすればOKだ。 画面遷移のないAjaxでは、タブをクリックしてもページが切り替わらないため、PV（ページビュー）は減るが、ユーザビリティを意識してさくっと使う分には効果的ですね。 使っていて気持ちのいいインターフェースなら、滞在時間も増えるかもしれないし、リピーターも増えるかもしれない。 ディテールで使うAjax、何か実装してみたいですね。 今日も朝マック。（というか昼だ） 今日はこれから仕事です。

推奨ブラウザ：Firefox2.0, Internet Explorer 5.5以降 注意：比率の計算上、割り切れないので誤差が発生します。

Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e