adobeタブ付きのパネル Widget SpryTabbedPanels.js
September 11, 2008,
tags:
javascript
これは結構便利かなと思いました。
詳しくはこっちへ
ただ若干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のフレームワークをいろいろ実装しようとたくらんでいますw