html - 如何在没有 Javascript 的情况下制作带有下拉菜单的 CSS 选项卡?

标签 html css tabs drop-down-menu

我需要制作也有下拉菜单的选项卡,并且要求它们必须在没有 JavaScript 的情况下工作。这可能吗?某处有很好的例子吗?

最佳答案

看到这个http://www.lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.html

这是纯CSS。看源码就明白了。

这是由免费的css下拉菜单框架http://www.lwis.net/free-css-drop-down-menu/构建的

最少的 JavaScript 代码仅适用于 IE 6 或更早版本。其他一切都是纯 CSS。

如果你需要在包括 IE 6 在内的所有浏览器中使用纯 CSS,请尝试这个

http://www.cssplay.co.uk/menus/new-dropdown.html

但它有一些局限性

编辑:

这也是纯CSS菜单。

http://www.grc.com/menu2/invitro.htm

这包括 IE5.x、IE6、IE7 的测试版、所有新旧 Netscape、Mozillas、Firefoxes(在 PC 和 Linux 平台上)、Opera、Safari 和许多其他 Mac 浏览器

关于html - 如何在没有 Javascript 的情况下制作带有下拉菜单的 CSS 选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1872404/

相关文章:

html - 推特按钮没有出现

javascript - 如何用外部文件替换一些内联 JavaScript 事件处理程序?

jquery - 高度在 Firefox 中不起作用

android - android中的垂直标签栏

javascript - 使用动态命名分配动态创建的 Jquery 选项卡

javascript - 是否可以在具有真实(真实世界)尺寸的 html Canvas 上绘制?

html - 输入保存到文件,然后在提交时提交到 URL

jquery - 在 jquery 中保持第一个菜单项展开

css - 两行三 <li> - 如何让每一行顶部对齐

Android Tab 图标图像全尺寸