adobeタブ付きのパネル Widget SpryTabbedPanels.js

Tweet

これは結構便利かなと思いました。
詳しくはこっちへ

ただ若干HTMLの構造に気をつけないといけないなーと。
あとFirebugでみれば解るのですが、マウスオーバーしたときにdivタグのクラス名とかが変わった様な気が…。
その辺で理解しづらくて大変だったのですが、なんとかコレを実装したサイトが作れそうです。

あーあとメモとして残しておきます。
SpryTabbedPanels.jsのタブをマウスオーバーで変更する方法。

SpryTabbedPanels.jsの中の

Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false);

を”click”を”mouseover”に書き換えてしまえばマウスオーバーでの切り替えになります。

Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabClick(e, tab); }, false);

もうちょっとJavaScriptのフレームワークをいろいろいじってみたいなと。
ついでに学校の後期に作るサイトにはJavaScriptのフレームワークをいろいろ実装しようとたくらんでいますｗ