我使用 CSS 和 HTML 创建了一个简单的选项卡式内容显示。此代码将嵌入到包含其他内容的更长页面的中途。
这是 jsFiddle：http: //jsfiddle.net/ollyf/R9rq2/
我已经使用了，:target但我不完全确定它是如何工作的。阅读一些教程，但我并不完全理解这种行为。我觉得这是糟糕/低效的代码。
- 有没有更有效的方法来实现这种标签式内容效果？
- 如果没有，如何在滚动位置不对齐 DIV 顶部的情况下显示内容？
问问题
1034 次
1 回答
0
伪选择器:target由页面锚点触发。这意味着当您的 URL 为http://www.example.com/#anchor1 #anchor1:target时，样式将被激活。该页面也滚动到#anchor1 元素。这是浏览器中的默认功能。
实现选项卡效果的另一个选项是通过使用 javascript。这个概念与 javascript 相同，您仍然display通过点击处理程序切换属性。有几个现成的脚本可用于选项卡。这是一个示例http://jquerytools.org/demos/tabs/index.html
希望这有助于澄清事情。
于 2012-05-04T16:40:42.957 回答