随着INTERNET的高速发展,越来越多的人拥有了个人主页,但以往的静态HTML语言,已经不能满足人们的要求。javascript和多层模式表单(Cascading Style Sheet, CSS)的出现使网页更加生动活泼,从而可以获得令人满意的效果。本文以javascript和CSS制作一种浮动菜单的方法为例,来说明其灵活性,同时也是抛砖引玉希望和广大网友共同切磋技术,制作出更好的家页(homepage).当我们浏览一个超过屏幕显示范围的一个页面时,为了回到菜单项,往往需要向上移动滚动条来完成,而使用浮动菜单则省去了这个麻烦,页面上的浮动菜单选项随着你向上或向下浏览页面而自动的移动。但并不是所有的页面都适合浮动菜单的使用,只有在菜单相对较短,在屏幕上可以完整显示;而正文相对较长,在屏幕上不能全部显示,需要拖动滚动条来完成,使用浮动菜单可以取得意想不到的结果。程序如下:
演示效果如下:
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] |
|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )
GMT+8, 2024-9-29 19:17 , Processed in 0.312203 second(s), 13 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.