滚滚长江东流水,黄河入海不复返

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

作者: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 

posted on 2006-12-25 14:35  Steveson  阅读(214)  评论(0编辑  收藏  举报