找回密码
 注册
搜索
热搜: 回贴

利用JavaScript和CSS制作浮动menu

2009-12-16 01:17| 发布者: admin| 查看: 40| 评论: 0|原作者: 云天河


随着INTERNET的高速发展,越来越多的人拥有了个人主页,但以往的静态HTML语言,已经不能满足人们的要求。javascript和多层模式表单(Cascading Style Sheet, CSS)的出现使网页更加生动活泼,从而可以获得令人满意的效果。本文以javascript和CSS制作一种浮动菜单的方法为例,来说明其灵活性,同时也是抛砖引玉希望和广大网友共同切磋技术,制作出更好的家页(homepage).当我们浏览一个超过屏幕显示范围的一个页面时,为了回到菜单项,往往需要向上移动滚动条来完成,而使用浮动菜单则省去了这个麻烦,页面上的浮动菜单选项随着你向上或向下浏览页面而自动的移动。但并不是所有的页面都适合浮动菜单的使用,只有在菜单相对较短,在屏幕上可以完整显示;而正文相对较长,在屏幕上不能全部显示,需要拖动滚动条来完成,使用浮动菜单可以取得意想不到的结果。程序如下:






利用javascript 和CSS制作浮动menu













利用javascript
和CSS制作浮动menu

情缘科技整理

一份名为"HealthCast2010"的全球性医疗保健调查报告

示,在未来几年时间里互联网将给全球医疗保健工业带来巨大


的变化。调查对象为来自美国、加拿大、英国、澳大利亚、法


国、德国、芬兰、新西兰和西班牙的400位医疗保健工业的资深


... ...


顾客数量将随在线药店不同而有所差别,但不取决于医疗机构


大小。这将对传统的名牌大医院带来很大的冲击。






  演示效果如下:





利用javascript 和CSS制作浮动menu













利用javascript
和CSS制作浮动menu

情缘科技整理

一份名为"HealthCast2010"的全球性医疗保健调查报告

示,在未来几年时间里互联网将给全球医疗保健工业带来巨大


的变化。调查对象为来自美国、加拿大、英国、澳大利亚、法


国、德国、芬兰、新西兰和西班牙的400位医疗保健工业的资深


... ...


顾客数量将随在线药店不同而有所差别,但不取决于医疗机构


大小。这将对传统的名牌大医院带来很大的冲击。







[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏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.

返回顶部