javascript设计

HTML4.0还规定了其他不少事件处理器，由于不太常用，所以在此不多说了。下面我想举几个具体的例子来说明Behaviors的使用方法。在以下的例中我将events for设为默认的4.0 Browse。

例一、判断不同版本的浏览器，并且自动进入相对应的页面

1、按Ctrl+N新建一个HTML文件，在状态栏的左下角点中〈body〉标签。 在Behaviors面板中点击添加按钮，在弹出菜单中选Check Browser。

3、在Check Browser对话框中具体设置，可以根据三中浏览器(IE、Netscape、其他）而设置进入三个不同的页面（保持本页、go to Url和go to Alt Url)

4、然后在Behaviors面板的Events列表中就会出现“onLoad CheckBrowse”。这样就完成了，是不是有些不可思意，实在太简单了。

例二、当鼠标点击到一个图片上时浏览器播放声音 插入一个图片，然后在属性工具栏link栏中输入图片指向的网页地址。

在状态栏的左下角点中〈img〉标签左边的“〈a〉”标签。

在Behaviors面板中点击添加按钮，在弹出菜单中选Contrl Sound。

在“Play Sound”栏中填入声音文件所在地址。

然后在Behaviors面板的Events列表中就会出现“onClick PlaySound”,这样就完成了。

如果你希望当鼠标移动到此图片上就播放声音，只需将onClick 改为 onMouseOver。 如果声音文件很长，需要一个事件处理器停止播放，只要在Contrl Sound对话框中的Stop Sound中选中此声音即可。

例三、打开一个可以定义的新窗口

在网页中做一个连接，在状态栏的左下角点中〈a〉标签。

在Behaviors面板中点击添加按钮，在弹出菜单中选Open Browse Window。

在“Open Browse Window”对话框中添入页面所在的地址，同时你可以定制窗口大小，是否需要滚动条、工具栏、缩放块等等。如果你要在新开的窗口中加入关闭此窗口的功能的话，新窗口的名字一定不要忘了输入。

这就行了。 　　

通过上面三个例子，是否觉得Behavior的好处了？何不自己动手试一试呢，由于篇幅有限，无法将Behaviors中的Actions的功能一一仔细讲述，只有你自己尝试了:)而且由于Dreamweaver提供了完全开放的插件环境，所以你可以从网上下载各种现成的Actions,轻松实现许多高难度的javascript特效。
 

上一页  [1] [2]