陶吧推荐：DW十大精彩插件剖析（上）

　　如果您对插件的制作原理并不了解，在浏览本文之前，建议您先阅读《深入DREAMWEAVER插件的奥秘--插件制作全攻略（上）》，如果您已经熟悉插件制作的基本原理，请继续阅读本文。

　　在我们学习了编写插件后，现在可以研究别人的插件，这样可以学习一些更加全面的知识，现在向你分门别类地推荐一些比较好的插件：

　　一、Yesky十大推荐插件及剖析:

　　1. Chromeless Window (无边浏览窗口)
　　　剖析：好像是2000年末开始，到处流行这样的无边窗口，给人的感觉是新鲜和奇特，现在有插件了，赶快下载，装点自己的叶子！

A	打开Configuration/Behaviors/Actions目录里的 Open Chromeless Window.html和Open Chromeless Window.js文件
B	Open Chromeless Window.html文件分析 在插件面版调用时装入初始化的函数，本例中值得学习的是loadFonts()函数，可以在Open Chromeless Window.js中找到，具体分析见第3步 文件浏览框的设计太繁琐，其实完全可以用插件专用的文件浏览控制器(见插件编写Javascript基础) 用了几个插件专用颜色选取按钮(见插件编写Javascript基础)
C	Open Chromeless Window.js文件分析 本文件包含Behavior插件的常用函数canAcceptBehavior()、behaviorFunction()、applyBehavior()、inspectBehavior(fnCallStr)、deleteBehavior(fnCallStr)等，这些都在前面的教程中提到，这里不讲述，主要分析重点函数: loadFonts()函数 用到了dreamweaver.getFontList()函数，它的作用是取得系统的字体列表,该列表在是用户在DW参数设置中设置的字体列表(菜单Text->Font->Edit Font list...)，返回值是一个字体数组； createChromelessFiles(sDocPath)函数 用到了dreamweaver.getConfigurationPath()函数取得DW的Configuration目录 DWfile.copy()函数拷贝pz_chromeless_2.1.js和其他图像文件到当前目录，所以大家也可以利用本函数拷贝自己的文件

　　编辑点评：的确是一个很特别的窗口形式，给人耳目一新的刺激，实质上是通过打开一个由帧组成的全屏页面，然后通过更改其尺寸实现的。
　　推荐等级：★★★★★　　　　　　　　　　立即下载



　　2. dHTML Scrollable Area (滚动看板)
　　　剖析：这是一个调用Command的Object插件，用于设计可以控制方向的滚动看板
　　

A

打开Configuration/Objects/goodies/目录下的 AP Scrollable Area.htm

B

AP Scrollable Area.htm文件分析 可以发现dreamweaver.popupCommand("dHTML AP Scrollable Area.htm")函数，它的功能是调用特定文件的Command，可以在Configuration/commands/目录下找到dHTML AP Scrollable Area.htm文件，分析其代码。 Command文件的常用函数getHandler()、setHandler(）、canAcceptCommand()、commandButtons() 函数在“Command插件设计”中讲过，不再陈述，主要分析特殊函数和功能： toggleTabs()函数 该插件的三个Tab按钮是通过层的显隐来实现的，具体是通过函数toggleTabs()来控制三个层的显示状态，但是Form是在一个层上的，这样就能保证用户参数的完整处理 dreamweaver.browseDocument(url)函数 由于插件面板上的＜a href=""＞链接将失去作用，所以可以调用函数dreamweaver.browseDocument(url)来实现连接

　　编辑点评：可以用于滚动新闻、特别提示、作品展示等场合。
　　推荐等级：★★★★★　　　　　　　　　　立即下载

　　3．Layer Ani-Magic by PVII (动态层移动)
　　　剖析：这是一个兼容性很好的动态层插件，同时兼容IE4.01以上、IE5x、NN4x、NN6、Opera 5浏览器，详细的使用说明可以从插件面板上的Help按钮获得

A	打开Configuration/Behavior/Actions/Studio VII目录下的LayerAnimagic.htm和LayerAnimagic.js,可以学习兼容性设计的知识。
B	LayerAnimagic.htm文件分析 主要分析特殊函数和功能： onLoad="initializeUI()"将层的名称搜索后列表，以便用户选择目标层
C	LayerAnimagic.js文件分析 dreamweaver.getObjectRefs()函数 是取得文档中特定tag的数组，本例中用于取得所有层的数组，这样就能对特定的层进行控制、操作

　　编辑点评：可以实现极富动感的页面，通过层的动态控制，加强作品的交互性。
　　推荐等级：★★★★★　　　　　　　　　　立即下载


　　4．PD On-line Html Editor (在线的Html编辑器)
　　　剖析：本插件的功能太强大了，简直就是一个所见即所得编辑器；它之所以强大，都源于目标Javascript代码的设计完美，至于该插件的设计没有什么特殊之处，也是dreamweaver.popupCommand()调用Command的Objects类插件

A	打开Configuration/Objects/Common目录下的pd_html_editor.htm和pd_html_editor.js
B	pd_html_editor.htm文件分析 只是简单的调用pd_html_editor.js文件
C	pd_html_editor.js文件分析 本文件也是调用dreamweaver.popupCommand()来调用Command文件:pd_edit_wiz.htm,所以我们打开/configuration/Commands/目录下的pd_edit_wiz.htm文件
D	pd_edit_wiz.htm文件分析 特殊函数分析： CopyFiles()函数 将各种图标拷贝到当前文件目录里的子目录editor_images里,就是调用DWfile.copy()函数 层的使用也是很聪明，这样看上去很专业，通过函数来控制层的显示(方法涉及Javascript,不讲述),给人的感觉好像是有好几个面板，这种方法值得学习！

　　编辑点评：多用于论坛、留言薄等需要发布文字的场合
　　推荐等级：★★★★★　　　　　　　　　　立即下载

　　5．MFX Slidemenu (折叠菜单)
　　　剖析：设计导航菜单的绝佳助手
　　　这是一个调用Command的Object插件
　　　有点遗憾的是不能自动定制菜单文字、链接、背景颜色，实际上可以扩充这些功能，你愿意试试吗？
　　

A	打开Configuration/Behavior/Objects/Common目录下的MFX_SlideMenu.htm文件
B	MFX_SlideMenu.htm文件分析 代码dreamweaver.getConfigurationPath() + "/Commands/MFX/MFX_SlideMenu.htm"取得特定目录/configuration/objects/commamds/mfx下的MFX_SlideMenu.htm文件，然后调用dreamweaver.popupCommand()函数，执行次文件的Command
C	/MFX/MFX_SlideMenu.htm文件分析 所有的代码都是平常的Command设计方法，唯一新鲜的是他插入了一个Flash文件，在插件安装时装入到特定的位置

　　编辑点评：