当前位置：首页 -> 网页设计 -> DREAMWEAVER -> Dreamweaver行为体验

Dreamweaver行为体验

时间： 2021-07-31 作者：daque

dreamweaver（以次简称dw）供给了一种称为“behavior”（动作）的体制，扶助你建立页面中的交互动作。动作，即是在网页中举行一系列举措，经过那些举措实行用户与页面包车型的士交互。运用dw的动作，你不须要抄写一条龙代码，就不妨实行充分的动静页面功效，到达用户与页面包车型的士交互。　　一个动作是由事变和举措构成的。事变是举措被触发的截止，而举措是用来实行特出工作的预先编好的javascript代码，诸如翻开一个欣赏器窗口，播放声响等。　　当对一个页面元素运用动作时，你不妨指定举措和所触发的事变。在dw中仍旧供给了少许决定的举措，你不妨把它们运用在页面元素中。　　一、内置的少许基础动作　　1．挪用javascript（call javascript）　　这个动作承诺你树立当某些事变被触发时，挪用相映的javascript剧本，以实行相映的举措。在这个动作树立时，你不妨径直输出javascript剧本大概因变量。　　2．变换属性（change property）　　这个动作承诺你动静地变换东西属性，比方图像的巨细、层的背局面之类。须要提防的是，这个动作的树立在于于欣赏器的扶助。　　3．查看欣赏器（check brower）　　各别欣赏器的扶助本领有确定的分别，运用这个动作，咱们不妨查看欣赏器的本子，以跳转到各别的页面。　　4．查看插件（check plugin）　　有功夫咱们创造的页面须要某些插件的扶助，比方运用flash创造的网页，以是有需要对用户欣赏器的插件举行查看，看看它能否安置了指定的插件。这个动作就不妨实行这一点。　　5．遏制shockwave大概flash（control shockwave or flash）　　shockwave和flash是暂时网页创造常常插入的东西，这个动作即是用来遏制那些东西的。用它不妨遏制动画的播放、遏止、归来，还不妨遏制径直跳转到第几帧。　　6．挪动分层（drag layer）　　“挪动分层”动作不妨实行在页面上分层的挪动，以至是分层实质的挪动。　　7．跳转到url（go to url）　　你不妨拟订暂时欣赏器窗口大概指定的框架窗口载入指定的页面。　　8．跳转表单（jump menu）　　“跳转表单”动作主假如用来编纂跳转表单。　　9．弹出消息对话框（popup message）　　即使你要在页面上表露一个消息对话框，大概给用户一个提醒消息，就不妨运用这个动作了。r>　　二、大略范例　　底下咱们就以动静图片为例，引见一下动作的运用。开始你要创造两张巨细沟通的图片1和图片2。底下是简直办法。　　1．翻开dw创造一个页面，在这个页面中插入图1。　　2．在dw编纂窗口采用好图1。　　3．在菜单“windows”中采用“behaviors”大概是按f8来翻开behavior面板。提防，在events for的弹出式菜单中，“3.0 and later browsers”该当被采用。　　4．按“＋”号按钮增添一个新的动作——“swap image”（变幻图片），这时候会弹出“swap image”的对话框。在图片列表中，你将瞥见在页面中的一切图片的列表，选中你要变幻的图片1，这是原始图片，当鼠标南针移到它上头时，它将会被一张高亮表露的图片2所代替。　　5．单击browse按钮，采用好你要替代的，经过“onmouseover”事变，采用的图片2包办了原图片1。　　6．采用默许树立举行图片的预挪用和保存。　　“preload images”选项表白在所有页面载入时，把举行变幻的图片放进欣赏器的缓存里，当欣赏者第一次把鼠标南针移到our story图片上时，他简直发觉不到高亮图片的展示有什么推迟。“restore images onmouseout”选项表白当“onmouseout”（鼠标移开）事变爆发时，机动地将图片恢恢复状。　　7．树立实行后点击“ok”按钮封闭“swap image“对话框，运用方才的树立。　　这时候behavior面板包括了你方才为图片所树立的事变和举措。“onmouseover”事变旁有一个“swap image”举措的标志，在它上头再有“onmouseout”事变以及相映的“swap image restore”的举措（该behavior是当你在swap image对话框中接收缺省的选项而被设置的）。　　8．封闭behavior面板。按f12预览页面。当你把鼠标南针辨别移到图片1上，你会创造仍旧被图片2所代替。　　之上的例子不过dw的behavior的一个大略运用范例。用处再有很多，这边就不作逐一说领会。其余，dw还承诺用户运用扩充的动作，在macromedia公司的网页不妨载入。

Dreamweaver行为体验

相关推荐

推荐下载

热门阅览

最新排行