如何在 HTML 中创建美观的选项卡
我试图获得一个简单的页面,该页面在顶部标题菜单(水平)中有四个链接。单击其中一个时,该 html 页面将加载到正文中。
所以总共有 5 页。 1 个导航页面和 4 个不同的 HTML 页面。
我不知道从哪里开始。有人可以给我指出一些好的资源吗?
我确实在谷歌上看过,但那里有太多东西,我不确定我应该看哪一个来完成我的工作。
有点像他们在 http://jsbin.com 上的方式,
我在 Rails 中这样做。所以也许我可以使用模板......
I am trying to get a simple page up that will have four links in the top header menu (horizontally). when clicked one, that html page will load in the body.
So all in all there will be 5 pages. 1 navigation page, and 4 different HTML pages.
I am not sure where to start with this. can someone point me to some good resources?
I did look on google but there is just so much out there i am not sure which one I should be looking at to get my stuff done.
Kind of like how they have it on http://jsbin.com
I am doing this in Rails. so perhaps I can use templates...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
jQuery UI 有一个非常好的选项卡组件,它也可以通过 AJAX 加载内容,听起来像你需要做的。
jQuery UI has a pretty good tab component, it can load content via AJAX too, which it sounds like you need to do.
您始终下载 CSS 选项卡设计器,设置选项卡名称,选择一个选项,然后然后生成 CSS 和所需的 HTML。完成此操作后,您可以通过代码使它们更加动态。
注:该软件适用于Windows。
希望这对一些人有帮助。
You always download the CSS Tab Designer, set your tab names, choose a selection and then generate the CSS and required HTML. Once you have that done, you can then make them more dynamic through code.
Note: The software is for windows.
Hope this helps some.