html - 尝试制作一个带有不转到新页面的选项卡的网站。建议?

标签 html css web tabs

我正在编写一个网站,我想在我的网站侧面添加一些标签。我希望网站流畅,所以我不想要一个简单的网站图形链接,而是一个交互式选项卡系统,您可以在其中单击您想要的内容并立即到达那里。

我的经验仅限于 XHTML 和 CSS,所以我可能不够先进,不知道如何做到这一点,但我愿意学习实现我的愿景所需的一切。

抱歉,我无法举出例子。我知道我以前见过它,只是想不起在哪里。

最佳答案

使用Javascript;我会推荐jQuery .

方法 1:想法是先隐藏选项卡的内容,然后在单击选项卡时显示相应的内容。已经有一个用于此的 JQuery 插件:http://jqueryui.com/demos/tabs/

方法二:如果你的内容量很大,我建议使用AJAX按需加载每个标签的内容。这样,所有内容都不会一次性加载,从而节省带宽并提高性能。但是,这种方法需要服务器端编程方面的知识,在某种程度上这比方法 1 更高级。

关于html - 尝试制作一个带有不转到新页面的选项卡的网站。建议?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7550410/

相关文章:

html - li 未与 ul 中心对齐

java - 从网页链接打开客户端的桌面应用程序

html - 如何使工具提示拉伸(stretch)以适合文本(没有预定义的宽度)

javascript - 使用 PHP 和 HTML 控制保存图像的大小

javascript - 如何在选择时在文本框中获取文件名(不像 c :/fake path/)

html - img 最大宽度与百分比它是如何工作的?

css - 左侧带箭头的方形 DIV 元素,保持固定

css - 将 Glyphicons 作为 data-uri 嵌入到 CSS 中

html - 如何在同一张A4纸上打印两次网页?

optimization - 如果这确实是一个问题,哪种多语言网页设计解决方案对用户来说是最快的?