2010-01-14 10 views
0

J'essaie d'obtenir une page simple qui aura quatre liens dans le menu d'en-tête supérieur (horizontalement). Quand on clique sur celui-ci, cette page HTML va charger dans le corps.comment créer des onglets attrayants en HTML

Donc, il y aura 5 pages. 1 page de navigation et 4 pages HTML différentes.

Je ne sais pas trop par où commencer. quelqu'un peut-il me diriger vers de bonnes ressources? J'ai regardé google mais il y a tellement de choses là-bas je ne sais pas lequel je devrais regarder pour faire mes choses.

Un peu comme la façon dont ils ont sur http://jsbin.com

Je fais cela dans Rails. donc peut-être que je peux utiliser des modèles ...

+0

Ruby On Rails n'a-t-il pas de contrôle de tabulation en utilisant le framework Scriptaculous JS? –

+0

avez-vous un lien? – Yuri

+0

http://script.aculo.us/ –

Répondre

2

jQuery UI a une très bonne tab component, il peut charger du contenu via AJAX aussi, ce que vous devez faire.

+0

dans le lien que vous avez donné. Est-ce que ces 3 pages seront différentes? ou juste différents div dans une page html qui sont faits pour ressembler à des onglets en utilisant jquery? – Yuri

+0

L'exemple par défaut utilise 3 divs sur une page. Si vous regardez le second exemple sur la droite, le via AJAX, il obtient dynamiquement le contenu d'une page différente. – Parrots

0

Vous téléchargez toujours le CSS Tab Designer, définissez vos noms d'onglet, choisissez une sélection, puis générez le code CSS et le code HTML requis. Une fois que vous avez fait cela, vous pouvez ensuite les rendre plus dynamiques grâce au code.

Remarque: Le logiciel est pour Windows.

Espérons que cela aide certains.

Questions connexes