Dreamweaver 中的 Spry 选项卡插件
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文分享如何利用spry来实现页面的选项卡页面， spry 是 Adobe Dreamweaver 提供的一个选项卡组件，用于在网页中创建带标签页的内容面板切换功能。该组件通过HTML、CSS和JavaScript实现，支持自定义外观和交互逻辑。可以自定义外观，通过修改SpryTabbedPanels.css， 通过修改:SpryTabbedPanels.js可实现鼠标悬停切换（如将onTabMouseOver函数逻辑加入脚本）

修改方法

<script>
    Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function (e, tab) {
        this.addClassName(tab, this.tabHoverClass);
        return false;
    };

</script>

修改为

<script>
    Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function (e, tab) { 
        this.showPanel(tab);
        return this.cancelEvent(e);
    };

</script>