Скрипт создания табов для ucoz
Этот скрипт создаст на вашем сайте эффект панели с закладками. Это очень актуально, если на одной странице у Вас размещается слишком много информации. Большой объем тяжело воспринимать, особенно если он разносторонний. При помощи закладок с панелями можно исправить эту ситуацию. На самом деле вся информация будет на одной странице, а визуально - разбита на несколько вкладок, заключенных в закладки.
Приступим к установке. Для начала впишем в раздел HEAD код:
Code
<script type="text/javascript">
setbm = function(){
var i = 2;
while(document.getElementById('bm'+i)!=null){
document.getElementById('bm'+i).style.display='none';
i++;
}
}
actbm = function(aid){
var i = 1;
while(document.getElementById('bm'+i)!=null){
if(i!=aid){
document.getElementById('bm'+i).style.display='none';
document.getElementById('bmc'+i).className='bmc';
} else {
document.getElementById('bm'+i).style.display='block';
document.getElementById('bmc'+i).className='bmcsel';
}
i++;
}
}
</script>
Теперь создадим структуру панелей с закладками. Структура банальная и простая:
Code
<div>
<span class="bmcsel" id="bmc1" onclick="actbm(1)">Закладка 1</span>
<span class="bmc" id="bmc2" onclick="actbm(2)">Закладка 2</span>
<span class="bmc" id="bmc3" onclick="actbm(3)">Закладка 3</span>
<div id="bm1" class="bm">
Текст панели 1
</div>
<div id="bm2" class="bm">
Текст панели 2
</div>
<div id="bm3" class="bm">
Текст панели 3
</div>
</div>
После структуры нужно прописать вызов подготавливающей функции:
Code
<script type="text/javascript">setbm();</script>
И последний шаг. Осталось сделать стилевое оформление. Для этого в теле HEAD пропише стили:
Code
<style type="text/css">
.bmc{border:1px solid #cccccc;padding:1px 5px;cursor:hand;}
.bmcsel{border:1px solid #cccccc;padding:1px 5px;background:#00dd00;}
.bm{border:1px solid #cccccc;padding:2px 5px;width:300px;background:#dddddd;margin-top:3px;}
#bm2{background:#00ff00;}
#bm3{background:#00ffff;}
</style>
Источник: http://webo4ka.ru/
0
