посмотрите, будет ли работать у вас...
Код:
<style type="text/css">
ul.tabs {margin-left: 5%; margin-top:23px; margin-right:0;}
ul.tabs li {background: url('http://upforme.ru/uploads/0003/44/61/4246-1-f.png') right; -moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
float: right; width:100%; margin-top: 4px; padding:6px; padding-right:-4;}
ul.tabs li a {color: #999999; text-decoration: none;}
ul.tabs li:hover a, ul.tabs li:hover a:hover {text-decoration: none; color: #ffffff; width:100%;}
ul.tabs li:hover {margin-left: 3%; width: 97%;}
ul.tabs li.active {background:#534C49; margin-left: 5%; width: 95%;}
ul.tabs li.active a {text-decoration: none; color: #C2ED5B;}
.container .tabs ul, .container .tabs ul li {float: right;}
</style>Код:
<script type="text/javascript">
$(document).ready(function() {
$(".category").hide();
$("ul.tabs li:first").addClass("active").show();
$(".category:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".category").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<script type="text/javascript">
var news = new Array ()
news.push(new Array("Не суть важно", '<ul class="tabs" style="float:right;"><li class="active"><a href="#pun-category1">Категория 1</a></li><li><a href="#pun-category2">Категория 2</a></li><li><a href="#pun-category3">Категория 3</a></li><li><a href="#pun-category4">Категория 4</a></li><li><a href="#pun-category5">Категория 5</a></li><li><a href="#pun-category6">Категория 6</a></li><li><a href="#pun-category7">Категория 7</a></li><li><a href="#pun-category8">Категория 8"</a></li></ul>'))
var mynews = "";
for (q=0; q<news.length; q++){
mynews += "<div class='container'>"+news[q][1]+"</div><br /><br />";
}
var block=mynews;
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<table><tr><td valign=top width=20% style=\"padding-right:0px;\">"+block+"</td><td width=80% style=\"padding-left:0px;\" >"+name+"</td></tr></table>"
}
i++
}
</script>С подключённой библиотекой jQuery.
Если имеются здесь скриптеры, то помогите, позязя, правильно сиё реализовать. Сейчас скрипт работает прекрасно, но вижу, что он корявый. Сделан на основе jQuery Tabs и Новостных блоков от Duka
Опасно ставить, если у вас уже установлены Новостные блоки от Duka
Первая, бросающаяся в глаза корявость - при наличии скрытых категорий в середине - всё покосится =(
Отредактировано Kven (Пн, 6 Дек 2010 20:07:50)
