DreamweaverCS3に付いているspryでタブつきパネルを使っていてデフォルトでは、タブをクリックして切り替えるんですが、
マウスオーバーで切り替わらないか調べてみてうまくいったのでご紹介します。
SpryTabbedPanels.jsの275行目くらいに以下のようなところがあります。
Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
{
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);
赤字の”click”を“mouseover” に変えるとマウスオーバーでタブが切り替わるようになります。
Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
{
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabClick(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);
- Newer: opacity ブラウザ対応
- Older: IE6でhover,active,focus擬似要素を使う
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.coral-design.net/js/333.html/trackback
- Listed below are links to weblogs that reference
- adobe spryのタブつきパネル マウスオーバーでタブを切り替える from WEB制作のメモ帳 - coral design
















