| 本文关键字：PS技巧 | 定制站点导航条 |
阅读次数：600 |
你一定发现很多网站都有“站点导航条”，通过它能使浏览网站的网友清楚明了的知道网站的结构，并能迅速找到自己感兴趣的内容。你是不是也想为自己的网站装上这样一个“站点导航条”呢？那么，我们一起来定制一个吧。
以Dreamwaver为例点击“Insert”菜单->“Form Object”，选择“List/Menu”并单击，这时在编辑的网页上便插入一个组件，你也可在“Object”对话框中找到这个组件。如图所示：
下面我们对“List/Menu”组件的属性作如下设置：
<1>打开“Properties”对话框，选择“Type”值为“List(下拉列表)”，然后点击“List Values...”按钮进入添加条目的对话框；
<2>在“List Values”对话框中输入站点导航的各个条目；其中左边是站点的名称，右面为站点对应的链接，我们根据自己的实际情况添入各条目的值，这里我们把第一项填为“我的站点导航”，并把“Value”值设为当前页，也就是本页，这一个条目是做默认显示用的，点击“OK”确定；
<3>这时属性对话框中显示出了我们刚才添入的条目，我们点击选中第一项“我的站点导航”作为默认的显示项，然后在上图所示的属性框中设置“List/Menu”的名字为“select”(如果一个网页中有多个组件则命名应加以区分)；
<4>在代码中找到刚才加入的“Select”所对应的语句，然后在图示位置添加一个“onChange”语句，这句话的作用是当我们在站点导航中选择某一站点时，即触发“onChange”事件时调用第5步中我们插入的“change”函数；
<5>最后一步是在网页中的中插入如下这样一段JavaScrip语句，其中第四行的“var url=""”，我们设为空值，而在你将网页上传到服务器时最好把空值改为服务器的地址，以免发生意外错误。
源码粘贴框：
作者：未知 来自：洪恩
我的旺店吧 
查看统计
回顶部