CSS and Javascript Tabs
Използването на табове (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
демонстрация на примера: tabs demo
версия за download: download link
Постове от същата категория:
- Уеб разработчикът - на гребена на вълната
- CSS3 - поддръжка на @font-face
- Тестване на сайтове под различни браузъри
- Откриване на проблеми с CSS
- Дизайн или кодиране?