|
用好Behaviors的基本功 1、Behaviors是什么？ Behaviors是Dreamweaver3的一块功能面板，Behaviors的主要功能其实就是在网页中插入Javascript 程序而无需我们动手编写代码。这正是我们所需要的，我们用它可以轻松地做出许许多多网页特效。知已知彼，方能百战百胜，要用好Behaviors，首先要深入地了解它，下面让我们来看看Behaviors面板上到底有些什么东西。 2、Behaviors面板 在快速启动栏上，我们点击一下  图标（或按下F8键），就可弹出如下图所示的Behaviors面板： Behaviors面板 在上图的Behaviors面板上，你看到那加号图标了吗？就是它：  ，我们经常用的就是它了，它的作用是给予你选定对象加载动作，也就是自动生成一段Javascript程序代码。下面那个窗口就是当前对象的所有动作列表，现在我们什么动作都没有加，所以它是空的；那个 图标的作用我想猜出来了吧？是用来清除已加载的动作的，由于现在当前对象没有加载动作，所以它呈灰色，也就是不起作用； 这个窗口是什么意思呢？它是表示浏览器版本，由于不同的浏览器对Javascript程序支持的程度不同，版本越低，可供选择的动作越少，版本越高，支持的动作越多，但要考虑到实际访问者的浏览器版式本，所以我选择了“4.0
and Later Browsers（4.0及更高版本的浏览器）”，按理小窗口右边那个小三角块是用来弹出选择浏览器菜单的，但是这里有一个“Bug”，当你按那个小三角块时，并不能如愿，而Dreamweaver3默认的是3.0的浏览器，那怎能么办呢？我们这样来处理：打开Dremweaver3文件夹，进入Configuratio-->Behaviors-->Events目录，可看到几个Html文件，如Netscape
3.0.htm、Netscape 4.0.htm、Ie 4.0.htm、Ie 5.0.htm、4.0 and Later Browsea.htm等，你只要把要选的浏览器版本的HTML文件放在第一个文件就行了，比较方便的办法是把所有文件移到一个备份目录中，然后把你要选的文件作为第一个文件复制过来，然后再把其它文件夹复制过来就行了。此时再重新打开Dremweaver3，在Behaviors面板的小窗口中看到的就是你所需要的浏览器版本了； 这是其下面窗口内容的标题条，左边显示的是触发事件（Events），右边是动作（Actions)。当当前对象加载了动作后，在被选中行为的动作左边有个小三角形，它是选择触发事件的下拉菜单，以后你将会看到有许多事件供选择； 它们的功能是给行为排序，其实这个功能没有太大用处。只有在多个动作都是相同的触发事件时，这个功能才有用处。例如：希望别人进入你主页时弹出信息提示框和打开一个小窗口，由于网络速度的问题，两个动作之间有个时间差，此时你就可以使用此功能，给响应动作排个序。在我以后讲的范例中要讲到它的实现方法，在此就不多讲了。Behaviors面板已介绍完了，那我们按下“+”图标试试，你将看到一个如下图所示的菜单：  Behaviors功能菜单 不过你看到的与上图可能有点差别，就是大部分菜单都是灰色的，这是因为对于普通文本不能加载行为动作所致，若是你把一段文本做成超级链接或选取一张图片，再按“+”图标，弹出的菜单就同上图一样了，这些菜单对应的都是一些行为动作，它能使你的网页产生许多特效，且你所要做的也只是点点鼠标而已，以后我将逐个介绍它们的使用方法；若是你不想用超级链接而又要在文本上加载Behaviors动作，也还是有办法的，具体作法是这样的： 1、先把那段文本定义为一个空超级链接，也就是在属性面板的Link输入框中输入一个“#”即可； 2、按F8调出Behaviors面板，在Behaviors面板上按“+”图标，加载你要加的动作； 3、在源代码检视窗中把空超级链接的和分别改为，并把herf="#" 删除。按F12就可以看到在你的普通文本上加载的动作了。 到此，我想你已基本掌握了Behaviors的使用方法了吧！当然，对于一个具体的Behaviors行为动作还有一些具体的操作，这个我在以后的文章中将通过实例向你作详细介绍。还要告诉你一个好消息，Dreamweaver3的Behaviors功能可以通过插件扩充，而且很多网站都有Behaviors插件免费下载，这真是一个取之不尽的资源，学会了Behaviors，你就一不会为Javascript编程而烦恼了。 |
|
赛迪网
|
|
本站检索
|
|
中华网推荐
|
