分享
 
 
 

陶吧推荐:DW十大精彩插件剖析

王朝other·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

如果您对插件的制作原理并不了解,在浏览本文之前,建议您先阅读《深入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文件,在插件安装时装入到特定的位置编辑点评:可以用于导航菜单的设计,特别是导航项很多的场合

推荐等级:★★★★立即下载

||||||6.Float Image (飘浮图像)

剖析:记得在2000年10月份左右,全国上下的网站几乎都有这样的飘浮广告;

Jet编写了这个插件。如果能让用户输入图片的大小,这样能动态改变其函数,这样就能解决图片跑出浏览器边界的问题,可以动手改改。

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的.swf文件,在插件安装时装入到特定的位置编辑点评:多用于广告、特别公告,易吸引观众目光

推荐等级:★★★★立即下载

7.Right Click Menu Building (右键菜单生成器)

剖析:本插件定制右键菜单,还能用图片作为菜单的背景,酷!

A

打开Configuration/Commands目录下的

Right Click Menu Builder.htm文件

B

Right Click Menu Builder.htm文件分析

同样的Command文件的常用函数在“Command插件设计”中讲过,不再陈述,主要分析特殊函数和功能:

toggleTabs()函数

该插件的两个Tab按钮是通过层的显隐来实现的,分析同1.2滚动看板插件剖析

addRCscript()和delRCscript()函数的原理和前面的教程一样,前者加入动态的函数以及css定义,后者则删除插入的内容

编辑点评:也许你厌倦了IE的右键菜单,也许你想提供更加方便的功能,如:email、转向等等

推荐等级:★★★★立即下载

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有