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

sunny阿遒

sunny阿遒

2016-02-19 20:48

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

  八、为网页增添互动效果

  制作更复杂的互动效果

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


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

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

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

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

  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:打开新浏览窗口;

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

  Play Sound:播放声音;

  Popup Message:弹出警告窗口;

  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:按下鼠标时(不需要放开左键);

  onClink:点击时;

  onDblClick:双击时;

  onLoad:载入网页时;

  onUnload:离开页面时;

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

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

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果)

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

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果2)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

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

Web开发
Dreamweaver 4 简明教程(八、为网页增添互动效果3)

Dreamweaver4简明教程(八、为网页增添互动效果3)

Web开发
Dreamweaver4简明教程(八、为网页增添互动效果3)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

高手详解:sscanf函数的高级用法

高手详解:sscanf函数的高级用法

制作网页的十大诀窍!

制作网页的十大诀窍!
下拉加载更多内容 ↓