用JavaScript实现浮动菜单郭涛 2000年第19期　　如今的网页几乎都在追求动态效果，为的是吸引浏览者。但不要忘记大部分主页的目的是为大家提供信息，那么方便，快捷是主页设计、制作时应首先考虑的。“浮动菜单”就是一个为了能使主页浏览者方便地选择浏览内容而设计的JavaScript小程序，方便在哪里？因为有很多文章或信息在浏览器的窗体内无法显示完整，浏览需要用滚动条，可通常情况下网站的菜单都被安排在页面的顶端，这样页面一滚动就看不到了。还有的为了使访问者能随时选择菜单，采用了分帧的方法，不过这样会有很多的不方便。不过这个问题用一个JavaScript小程序都能解决，它可以显示一个浮动在屏幕任何位置的菜单，当你移动滚动条时它也会跟着移动，最后还会停在你指定的那个位置。下面就让我仔细地为大家介绍它。　　打开一个HTML编辑器（FrontPage、Dreamweaver），不过在写JavaScript的时候我还是喜欢用“记事本”。首先要写两个函数，第一个用来根据不同的浏览器组织起一句很关键的处理菜单位置的语句，就叫做setVariables（），另外一个是用函数来调用setVariables（）里的那条语句并设定菜单位置和位置刷新的时间间隔，源程序如下：　　//以上代码请放到html页的区里，使浏览器首先调用　　下面我们来完成菜单的内容。浮动菜单其实就是一个层，那么你就可以在层中插入任何的东西，图像、文字甚至是Flash等等，也就是说层的样式可以由你来任意设计。内容如下：　　 //调用中已声明的函数　　

//建立一个层，其中left参数是浮动菜单距浏览器左边框的距离，z－index是本层相对其它层的位置，例如，值为2的层位置就在第二层的上边。其它参数如背景图案等在Dreamweaver或FrontPage中可自行设计。　　 //制表　　　　　　　　

//菜单的第一项href中是链接地址，后面我用的是一个小图像来显示菜单项，如果用文字＊＊＊＊代替

，那么菜单中将会显示一个＊＊＊＊的超级链接。

　　 //把以上代码加入到你的区浮动菜单就完成了，运行一下看看满不满意。希望它能给你的主页带来更多的访问者。