当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver行为全接触(3)

Dreamweaver
Dreamweaver技巧:教你制作和套用模板
体验Dreamweaver CS4:很Adobe很大
解决Dreamweaver cs3 cpu占用100%的方法
分享Web流程图绘制的一些心得
Dreamweaver CS4体验CSS网页设计
dreamweaver cs4序列号用几天重新注册的解决方法
Dreamweaver制作基于WordPress的留言本
Dreamweaver制作基于WordPress的留言本II
Dreamweaver制作基于WordPress的留言本III
Dreamweaver编写CSS必需掌握的技巧
使dreamweaver支持kid扩展名的方法
Dreamweaver制作基于WordPress的留言本的图文教程
Dreamweaver 制作基于WordPress的留言本II
用Dreamweaver制作WordPress的留言本III
Dreamweaver 一句话技巧集萃
如何在DW中使用zen coding
Dreamweaver插件轻松制作网页漂浮广告
UltraEdit烈火汉化绿色版配置Zen Coding

Dreamweaver行为全接触(3)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 21 ::
收藏到网摘: n/a

 

  当浏览一个免费主页时,经常会弹出一个小窗口,里面放一些广告或调查等等,这样做很容易吸引注意,这往往是服务提供商强迫的,人在屋檐下不得不低头!有的时候某些页面的内容不太多,给它订做一个比较小的窗口这还是很流行的(蚁盟就大量用到此技术),我们自己也可以DIY这样的窗口,这就是本节的内容--Open Browser Window(定制浏览器窗口)

一.认识Open Browser Window编辑窗口

  在DW编辑框中按F8调出Behaviors面板,点击选Open Browser Window立刻出现以下窗口:

RUL to Display:在定制窗口中要显示文件的路径,点击Browse...按钮来选择路径。

Window Width,Window Height:分别为定制窗口的宽和高度,单位是Pix。

Attributes(窗口属性),定制你新窗口的界面。

Navigation Toolbar:导航工具栏;Location Toolbar:地址栏;Status Bar:状态栏;Menu Bar:菜单;Scrollbars as Needed:滚动条;Resize Handles:窗口大小可变。

Window Name:你定制窗口的名字

二.Open Browser Window的常见应用

  在讲范例之前我先讲几个要用到的事件(Events):

Onload:当被指定对象(网页,图片,Flash插件等)开始在浏览器装载时事件触发。

OnUnload:当使用者离开当前页面时事件触发。

  本节的第一个应用:打开一个页面出来一个定制的小窗口。

1.用鼠标点击页面的空白处后按F8调出Behaviors面板,点击选Open Browser Window,出来上图所示编辑框。

2.点击Browser...按钮选择你要显示的文件。

3.Window Width和Window Height分别填入你定制窗口的宽和高。

4.再来填Attribute(属性)选项,这就能者见能智者见智,根据具体需要选择适当的参数。这些参数可不填。

5.在Windows Name:中填入你的窗口名,点击确定。

6.如果Behaviors编辑窗口的显示区的Events不是Onload,你Open Browser Window动作并点击左边的一个小三角形,选择OnLoad事件,至此本范例完工。

  注意:第一步中的鼠标一定要点击页面的空白处,不能是表格中的空白处或其它对象,否则在进行第6步操作时就没有Onload事件选择,也可以把Onload事件换成OnUnload事件,退出当前页面弹出定制窗口,就可以在此窗口中放入广告(赚一点广告费),这样做应该不会有人反感。

  本节的第二个应用:点击一个链接出来一个定制的小窗口

1.先选择文字对象并做一个空链接。

2.用鼠标点击文字链接对象,再按照第一个应用的方法加入Open Browser Window行为。把第6步的Events(事件)改为OnClick即可