 |
|
 |
| |
| Изменение цвета ссылок, используя jQuery |
| WOLF
| Дата: Суббота, 05.06.10, 19:54:17 | Сообщение # 1
|
|
Доступно только для пользователей Установка:
Подключаем 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="http://3aka4ka.net.ru/news/skripty_dlja_ucoz/1-0-2">Скрипты для uCoz</a></li> <li><a href="http://3aka4ka.net.ru/load/vse_dlya_ucoz/shablony_dlya_ucoz/15">Шаблоны для 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;, это цвет, на который изменится ссылка. Данный скрипт, только пример, его можно переделать под более стоющее, например сделать разноцветные вкладки и прочее. Все опирается на вашу фантазию. Автор перевода: DizeL'
Источник: 3aka4ka.net.ru
Автор скрипта/источник: www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx
| |
|
|
|
|
|
|
 |
|
 |
|
|
|
| |
| Правила для всех: |
| Читаем внимательно! |
|
|
|
|
|
|
|
| | |
Пожертвование
Самые активные 
Подписка на RSS
Всего: 20676
Новых за месяц: 545
Новых за неделю: 99
Новых вчера: 17 
Новых сегодня: 0
Малышей: 19470 
Детишек: 1111 
Помощников: 2
Инквизиторов: 0
Замов.админа: 2
V.I.P: 7
Парней: 6010
Девушек: 14666 
