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

Dreamweaver
Dreamweaver 4 简明教程(三、制作前的准备工作:定义网站)
Dreamweaver 4 简明教程(四、从最简单的网页开始)
Dreamweaver 4 简明教程(五、让你的网页更漂亮之一)
Dreamweaver 4 简明教程(五、让你的网页更漂亮之二)
Dreamweaver 4 简明教程(五、让你的网页更漂亮之三)
Dreamweaver 4 简明教程(五、让你的网页更漂亮之四)
Dreamweaver 4 简明教程(六、建立超级链接)
Dreamweaver 4 简明教程(七、网页的排版)
Dreamweaver 4 简明教程(七、网页的排版2)
Dreamweaver 4 简明教程(七、网页的排版3)
Dreamweaver 4 简明教程(七、网页的排版4)
Dreamweaver 4 简明教程(八、为网页增添互动效果)
Dreamweaver 4 简明教程(八、为网页增添互动效果2)
Dreamweaver 4 简明教程(八、为网页增添互动效果3)
Ultradev实例教程:1.1 什么是Ultradev
Ultradev实例教程:1.2 Ultradev的特点
Ultradev实例教程:1.3 Ultradev所需要的环境
Ultradev实例教程:1.4 Ultradev的安装
Ultradev实例教程:1.5 ultradev的操作界面
Ultradev实例教程:2.1 建立一个简单的access数据库

Dreamweaver行为全接触(2)


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

 

 第二节

  不知你用过本站的留言薄没有,当你写完留言按确定时,马上弹出来一个感谢消息框,是不是觉得很体贴?那就是我今天讲的主题—Popup Message(弹出消息框)

一.认识 Popup Mesage编辑窗口

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

  这是不是太简单了无需太多言语介绍,在空白处填入你要提示的消息填完按OK!

二.Popup Message的常见应用(也就是范例)

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

OnClik 网页中的指定对象被点击时,该事件触发。注意:鼠标的左健,右健都可以。

OnDblClick 网页中的指定对象被双击时,事件触发,同样鼠标左右健都有效 。

OnCopy 复制网页中的对象时该事件触发。

OnBeforCut 对网页对象剪切之前,该事件触发。

OnBeforCopy 对网页对象复制之前,该事件触发。

  本动作(Actions)的第一个范例:点击一个对象弹出消息框。比如点击图片,按钮,链接等等,都可以弹出消息框,下面我讲讲点击按钮弹出消息框,搞定这一个其它的就如法炮制。以下是步骤:

1.用鼠标点击一下按钮对象,比如你的提交按钮或重写按钮。

2.按F8(或Window/Behaviors)调出Behaviors面板,点击选Popup Message。

3.在Popup Message编辑框的空白处填入你要发布的信息,点击Ok。

4.在Behaviors面板的显示区,选择Popup Message动作并点击左边的一个小三角形,选择Onclick事件,完工。

5.罗嗦一步,这个Onclick事件可以换成OnDblClick事件或其它的事件。

  如果某些页面的内容在别人复制之前想给一点提示,你可以选择OnCopy事件来触发Popup Message动作,这是本动作的第二范例,很简单实现这个效果,你只需把上个范例的事件改为OnCopy即可。我想强调一点,这个特效是在浏览其中用鼠标选取一些对象后,点击右健的“复制”命令时才被触发(消息框弹出两次),用键盘的Ctrl+C命令不能触发此事件。如此看来这个事件被触发的机会就比较少了,用OnBeforCopy事件或OnBeforeCopy事件就可以当你点击鼠标右健时在出现右健菜单之前,就可以触发动作。