65.9K
CodeProject 正在变化。 阅读更多。
Home

euDock 2.0.06 JScript 模拟 Dock 风格的 MAC OS X 栏

Pier...
starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.89/5 (33投票s)

2006 年 3 月 13 日

LGPL3

1分钟阅读

viewsIcon

158031

downloadIcon

1153

一个开源（可定制）的 JavaScript 模拟 Dock 风格的 MAC OS X 条。

实时演示

[在线示例] euDock

引言

euDock 是一个 JavaScript 模拟的 Dock 风格 MAC OS X 栏。
它使用 PNG、GIF、JPG（或其他 Web 类型）图像、对象和变换函数。Internet Explorer 支持 PNG 图像。

Using the Code

euDock 具有教程中描述的许多功能。

在下面的代码中，我展示了 euDock 栏的基本配置。

将以下内容放置在您的 <HEAD></HEAD> HTML 标签内

<HEAD>
   <script language="JavaScript1.3" src="js/euDock.2.0.js"></script>
   <script language="JavaScript1.3" src="js/euDock.Image.js"></script>
</HEAD>

稍后，在任何地方放置

<script>
   euEnv.imageBasePath="js/";

   var dock = new euDock();
   
   dock.setBar({
        left      :{euImage:{image:"barImages/dockBg-l.png"}},
        horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},
        right     :{euImage:{image:"barImages/dockBg-r.png"}}
       });
   
   dock.setIconsOffset(2);
           
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"https://codeproject.org.cn"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"https://codeproject.org.cn"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"https://codeproject.org.cn"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"https://codeproject.org.cn"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
</script>

我建议您下载教程/演示并查看这些功能。我无法在这里解释所有内容。

历史

Ver 2.0.06 (2007年6月17日) 功能

  • BUG 修复： euDock 将在 Safari 上存活... (我没有足够的钱买 Mac)
  • 添加了删除图标功能
  • 添加了 (可选) 目标链接位置
  • 现在光标指针将会改变
  • [示例]

Ver 2.0.04 (2006年11月9日) 功能

  • BUG 修复： euDock 现在可以存活于所有种类的原型脚本
  • 为 euLabel 对象添加了 euCENTER 对齐功能
  • 添加了一个新的教程页面
  • [外部函数示例]

Ver 2.0.02 (2006年7月12日) 功能

  • 添加了新的通用对齐函数 (euCENTER euHORIZONTAL euVERTICAL)
  • [对齐示例]

Ver 2.0 (2006年7月6日) 功能

  • 各种 Effect 对象
  • 提高了 Internet Explorer 上 PNG 图像的性能
  • 可编程的缩放功能
  • 新的教程和示例

Ver 2.00a (2006年6月28日) 功能

Ver 1.06 功能

  • 钩住并对齐到固定位置
  • 一些错误修复

Ver 1.04 功能

  • 钩住并对齐到 HTML 对象

Ver 1.02 功能

  • 屏幕对齐：顶部、底部、左侧、右侧
  • 调整图像大小
  • 链接到外部事件
  • 渐变图像
© . All rights reserved.