Делаем вкладки на странице, которые автоматически переключаются через заданный интервал времени. Вставляем в начале html странице после body:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script language="JavaScript" type="text/JavaScript"> function foo(id) { if (document.getElementById(id).style.display == "none") { document.getElementById(id).style.display = "block" } else { document.getElementById(id).style.display = "none" } } </script> |
Затем чуть ниже этого вставляем описание TAB вкладок при помощи тега UL:
1 2 3 4 5 6 7 8 9 10 |
<ul class="shadetabs" id="countrytabs"> <li><a href="#" class="selected" rel="country1">Tab 1</a></li> <li><a href="#" rel="country2">Tab 2</a></li> <!-- <li><a href="#" rel="country3">Tab 3</a></li> --> <!-- <li><a href="#" rel="country4">Tab 4</a></li> --> </ul> |
Содержание каждой вкладки должно находиться между тегом div с прописанными указателями вкладок:
1 |
<div class="tabcontent" id="country1"><div> |
И теперь, в самом низу страницы вставляем js скрипт для автоматического переключения вкладок в заданный период:
1 2 3 4 5 6 |
<script type="text/javascript"> var countries=new ddtabcontent("countrytabs") countries.setpersist(true) countries.setselectedClassTarget("link") //"link" or "linkparent" countries.init(10000) </script> |