作者：Stu Nicholls 翻译：forestgan
信息
这是 cssplay的站长根据其最近创作的dropdown and flyout menus而改编而成的，当鼠标按顺序悬停在菜单上时，可在同一位置显示不同的页面，可在Opera, IE5.5, IE6, IE7 beta,Safari 1.3.2 & Firefox.中正确显示和工作，不兼容Mac IE5。
鼠标悬停在菜单和页面上时显示文字与图片以及链接，滚动条要加在每个页上。
样式
对于非IE浏览器来说是比较简单的，只用一个样式表。
<link rel="stylesheet" media="all" type="text/css" href="one_page.css" />
The one_page.css file
而IE还需要专门为它加一个，用条件判断加入。
<!--[if lte IE 6]> <link rel="stylesheet" media="all" type="text/css" href="one_page_ie.css" /><![endif]-->
The one_page_ie.css file
xhtml
你会看到用条件判断来给 IE添加表格，. 其他浏览器不会用到表格，而将正常使用无序列表。文档类型声明是必须要加的，反之不能正常工作。
演示：one_page.html
原文地址：http://www.cssplay.co.uk/menu/one_page.html
Trackback: http://tb.donews.net/TrackBack.aspx?PostId=794306