Dreamweaver 4 简明教程(八、为网页增添互动效果2)

2016-02-19 20:48 7 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Dreamweaver 4 简明教程(八、为网页增添互动效果2),无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  八、为网页增添互动效果

  制作更复杂的互动效果

  在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是“行为”,我们又称为事件的响应。通过网页元素的变化,如鼠标的移动、点击等“事件” (Events),触发弹出窗口,关闭页面等“响应”(Actions),就是一个事件的响应。而值得高兴的是,“行为”的制作过程几乎是傻瓜式的。


  按Shift+F3,打开行为面板,如下图:

  在网页加入行为,需要以下三个步骤:

  1、选取产生行为的元素,例如图片、带链接的文字、层等。如果需要在页面一载入就开始出现效果,可以选择状态栏上的标签

  2、按  按钮选择一种响应(不同的元素,对应的响应也有所不同),并在随后的对话框中设置此响应的属性;以下是可以供选择的响应说明:

  Call JavaScript:呼叫一段JavaScript;

  Change Property:改变Html标签的CSS样式;

  Check Browser:根据不同的浏览器,进入不同的页面;

  Check Plugin:检查浏览器是否装有必要的插件;

  Control Shockwave or Flash:控制Shockwave或Flash动画的播放;

  Drag Layer:使浏览者可拖动层中的元素;

  Go To URL:链接到指定的网址;

  Jump Menu、Jump Menu Go:跳页式的菜单及Go按钮;

  Open Browser Window:打开新浏览窗口;

  Play Sound:播放声音;

  Popup Message:弹出警告窗口;

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

  Preload Images:提前读入图片;

  Set Nav Bar Image:设定导航栏的图片;

  Set Text:在特定的地方显示文字;

  Show Hide Layer:显示或隐藏层;

  Swap Image、Swap Image Restore:变换图片和恢复原来的图片;

  Timeline:控制时间线的播放;

  Validate Form:验证表单的正确性;

  Get More Behaviors:下载更多的行为事件。

  3、 选择事件(Events),决定在什么情况下触发响应。常见的的事件有:

  onMouseOver:鼠标移到目标上;

  onMouseUp:按下鼠标再放开左键时;

  onMouseOut:鼠标移开时;

  onMouseDown:按下鼠标时(不需要放开左键);

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

  onClink:点击时;

  onDblClick:双击时;

  onLoad:载入网页时;

  onUnload:离开页面时;

  onResize:当浏览者改变浏览窗口的大小时;

  onScroll:当浏览者拖动滚动条的时。

来源:http://www.tulaoshi.com/n/20160219/1624581.html

延伸阅读
标签: Web开发
七、网页的排版 表格的使用 表格是网页的一个非常重要元素,因为HTML本身并没有提供更多的排版手段,我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧,表格运用得好坏,直接反映了了网页设计师的水平。 点击对象面板的  ,看到如下的对话框: ① Rows:表格的行数;Columns...
标签: Web开发
层的使用 如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(Layer)这个好东西。点击属性面板的  按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等。层的好处是可以放置在页面的任何位置,如下图: 选择一个层后,对应的属性面板如下...
FrontPage简明教程:网页布局 通常网页的布局使用到的是FrontPage中的表格和框架菜单栏里的命令。 表格(TABLE)是将页面中的内容以表格的形式排列,常用于单一页面内图片与文字的安排,是最常用的布局命令。 图3.1 框架(FRAMES)是在同一浏览器窗口中显示多个相互隔离的HTML页的结构。使用框架组织页面时,每个框...
标签: Web开发
六、建立超级链接 超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系。通过点击链接,我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。 1、文字链接 在页面中选取需要建立链接的文字,如下图: 在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到...
标签: Web开发
二.XSL的转换 1.将XML转换成HTML XSL是如何将XML文档转换成HTML文件的呢?我们来看一个例子,下面是XML文档的一部分: ?xml version="1.0" encoding="ISO8859-1" ? CATALOG CD TITLEEmpire Burlesque/TITLE ARTISTBob Dylan/ARTIST COUNTRYUSA/COUNTRY COMPANYColumbia/COMPANY PRICE10.90/PRICE YEAR1985/YEAR /CD ... 然后...

经验教程

954

收藏

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