建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > Dreamweaver行为面板js操作介绍

Dreamweaver行为面板js操作介绍

时间:2016-12-30 10:34:52  来源:免费模板网 作者:风雪 阅读次数 tagsDreamweaverjs

网站的html只能完成一些静态的操作,一些动态的效果要依靠JavaScript实现,本文介绍一下怎么通过Dreamweaver操作行为,比如添加鼠标点击事件onmouseover,鼠标经过事件onmousemove等等

在Dreamweaver中,主要通过“行为”面板来将行为添加到页面的标签上,并可以对以前添加的行为参数进行修改,当然,还可以直接在HTML源代码中进行修改。

  点击“窗口”菜单,选择“行为”项,即可打开“行为”面板,如下图所示:

  1. “显示设置事件”按钮:只显示附加到当前文档的那些事件。

  2. “显示所有事件”按钮:按字母顺序显示属于特定类别的所有事件。一般情况下,在文档中选择了某一个HTML标签,就会显示关于那个标签的所有事件。

  3. “添加行为”按钮:点击此按钮,则会弹出快捷菜单,如下图所示:

  这个特定菜单中,包含了可以附加到当前选定元素的动作。从该菜单列表中选择一个动作时,将会出现一个对话框,可以在此对话框中指定该动作的相关参数。

  如果该菜单上的某个动作处于“灰显”状态,则说明该动作不能使用。

  如果该菜单上的所有动作都处于“灰显”状态,则表示选定的元素无法生成任何事件。选定的元素会在上图中的“标签”后面显示出来。

  4. “删除事件”按钮: 从行为列表中删除所选定的事件和动作。

  点击“删除事件”按钮,就会删除已经选择的onClick事件的“显示/渐隐”动作了。

  5. 选择不同的事件:选择一个行为项,点击这个行为左边的事件,则在该事件的旁边出现一个向下的箭头。如下图所示:

  单击向下的箭头出现下拉菜单,可以在该菜单中为该行为选择不同的事件。

  6. 修改行为参数:选择一个行为项,双击带“ Dreamweaver行为面板介绍”标记的行为名称,或者先选取它然后按下键盘Enter键,可以在弹出的窗口中修改这个行为项的参数。

  7. “向上箭头或向下箭头”按钮:在行为列表中上下移动某一事件的选定动作。如下图所示:

  当同一事件出现几个行为时,选择其中的一个行为,点击“增加事件值”或者“降低事件值”按钮,可以向上或者向下移动该行为。同一事件的几个行为的排列顺序决定了文档中对象行为的执行顺序。排在上面的先执行,排在下面的后执行。

本文地址:https://www.freemoban.com/dwrm/2016/1230/2745.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!