Dreamweaver教程:行为事件

2016-02-19 21:18 6 1 收藏

下面请跟着图老师小编一起来了解下Dreamweaver教程:行为事件,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

  行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将 javascript 代码放置在文档中,以允许访问者与 Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。

  

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  

  下面我们来学习行为的用法。现在,举个例子加以说明。看下图,光标移到图片上面。在它的右侧即显示一段其它内容(动画)。请您用鼠标测试,然后,我们来分析一下这个过程。

  请您操作鼠标在花上移入移出

  这是两个行为:行为一:移入+显示;行为二:移出+隐藏。

  事件是:鼠标移入和移出。动作是:显示和隐藏。

  具体操作如下:

  1、 在页面中插入一张图片,本例为菊花图片。

  2、 在页面中插入一个层,贴入几个动画小人。如下图:

  在层面板中,将该层设置成为隐藏。打开页面的时候不显示。层面板状态,如下图:

  3、 单击图片,打开行为面板(「窗口」菜单>行为)。在行为面板按“+”号,在弹出菜单中选中显示-隐藏层,如下图:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)


  系统弹出显示-隐藏层对话框。单击该层,然后单击“隐藏”按钮。确定。

  打开“行为”面板,如下图:

  4、 我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”,在下拉菜单中选择“AonMouseOut”,如下图:

  4、上述方法是鼠标移出事件行为的设置,重复以上方法再对鼠标移上事件行为进行设置,把显示-隐藏层设为(显示),如下图:

  行为事件设置,如下图:

来源:https://www.tulaoshi.com/n/20160219/1625848.html

延伸阅读
标签: Web开发
在发布网站之前先使用Dreamweaver MX 2004 站点管理器对你的网站文件进行检查和整理,这一步很必要。可以找出断掉的链接、错误的代码和未使用的孤立文件等,以便进行纠正和处理。 步骤如下:在编辑视图点「站点」菜单>选“检查站点范围的链接”,弹出“结果”对话框,如下图: 下图是检查器检查出本网站与外部网站的链接的全...
标签: Web开发
    进入天极首页的时候,就会弹出小窗口。本文介绍这种弹出窗口的制作方法。     准备小窗口页面:     1. 打开一个页面,设置页面属性。左边界,顶部边界为 0 ,在标题处输入标题名称。     2. 在页面中插入图片。也可以是文字, Flash 动画等。小窗口页面就准备好了...
标签: Web开发
    层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图: 我们首先来做一个层 1、 在「窗口」菜单>选“层”,或点「插入」菜单>布局对象>选“层”。 ...
标签: Web开发
一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 ***备...
在图象和图形处理软件中,通常都使用了HSB、RGB、Lab及CMYK几种色彩模型,并且具有多种色彩模式,用来反映不同的色彩范围,其中许多模式能用对应的命令相互转换。 (一) HSB模型 基于人类对色彩的感觉,HSB 模型描述颜色的三个基本特征: 1、色相H,在 0 到 360 度的标准色轮上,色相是按位置度...

经验教程

849

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部