CSS and Javascript Tabs

Square

Използването на табове (tabs) е често използвана техника от разработчиците в уеб приложения, представящи голямо количество информация (новинарски сайтове, информационни портали и др.). Основен плюс е възможността да се зарежда разнородно съдържание без да се налага опресняване на страницата.

Настоящият пример демонстрира един съвсем елементарен начин на изграждане на блок от два таба с помоща на стилове (CSS). За прехвърляне между активния и неактивния таб се прилага javascript при настъпване на събитие (onclick).

W3C валиден код XHTML Strict и CSS. Тестван и работи в следните версии на най-популярните уеб браузъри:

  • Mozilla Firefox 2.0.0.14
  • Internet Explorer 7
  • Opera 9.23
  • Safari 3.0.4 (Windows)
  • Internet Explorer 6

CSS and Javascript Tabs

демонстрация на примера: tabs demo

версия за download: download link

Постове от същата категория:
[catlist=10]

Вашият коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *