Создаем вкладки на HTML странице - Подсказки для разработчика

Делаем вкладки на странице, которые автоматически переключаются через заданный интервал времени. Вставляем в начале html странице после body:

<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>

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:

<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>

<!--

-->

<!--

-->

</ul>

Содержание каждой вкладки должно находиться между тегом div с прописанными указателями вкладок:

<div class="tabcontent" id="country1"><div>

1	<div class="tabcontent" id="country1"><div>

И теперь, в самом низу страницы вставляем js скрипт для автоматического переключения вкладок в заданный период:

<script type="text/javascript">
	var countries=new ddtabcontent("countrytabs")
	countries.setpersist(true)
	countries.setselectedClassTarget("link") //"link" or "linkparent"
	countries.init(10000)
</script>

var countries=new ddtabcontent("countrytabs")

countries.setpersist(true)

countries.setselectedClassTarget("link") //"link" or "linkparent"

countries.init(10000)

</script>