Установка:
Подключаем jQuery, это вставляем в Head:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
Код ссылок которые будут изменять цвет, вставляйте куда вам надо:
Code
<ul id="links">
<li><a href="адрес">Скрипты для uCoz</a></li>
<li><a href="адрес">Шаблоны для uCoz</a></li>
</ul>
Это скрипт вставляем между
Code
<script type="text/javascript">
function fadeElements(color) {
var count = $("ul#links li").size();
var step = 90 / count;
$("ul#links li").each(function(i) {
var value = 100 - (step * i);
$(this).find("a").css("color", color).css("opacity", value == 100 ? "1" : "0." + parseInt(value));
});
}
$(document).ready(function() {
$(".fade").click(function() {
fadeElements($(this).html());
});
});
</script>
Делаем кнопки переключения цветов:
1. Это вставляем в самый низ в CSS:
Code
.fade { padding:10px 5px; text-decoration:none;}
2. Тут выводим кнопки:
Code
<a class="fade" href="#" style="background-color:#000000; color:#fff;">#000000</a>
<a class="fade" href="#" style="background-color:#cc0000; color:#fff;">#cc0000</a>
<a class="fade" href="#" style="background-color:#ffcc00; color:#fff;">#ffcc00</a>
<a class="fade" href="#" style="background-color:#ff6600; color:#fff;">#ff6600</a>
<a class="fade" href="#" style="background-color:#336600; color:#fff;">#336600</a>
<a class="fade" href="#" style="background-color:#660066; color:#fff;">#660066</a>
<a class="fade" href="#" style="background-color:#0000cc; color:#fff;">#0000cc</a>
<a class="fade" href="#" style="background-color:#0099ff; color:#fff;">#0099ff</a>
Где, background-color:#0099ff; color:#fff;, это цвет, на который изменится ссылка. Данный скрипт, только пример, его можно переделать под более стоющее, например сделать разноцветные вкладки и прочее. Все опирается на вашу фантазию.
Примечание: библиотека jQuery должна стоять в head выше чем скрипт изменения цвета!
Автор скрипта/источник:http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx
