добрый день)
http://hvostfei.rusff.ru/
не подскажете, как сделать так, чтобы при наведении ссылки плавно меняли свой цвет?
Отредактировано Kaname Madoka (Вт, 1 Май 2012 18:07:55)
эффекты ссылок при наведении
Страница: 1
Сообщений 1 страница 17 из 17
Поделиться1Вт, 1 Май 2012 18:07:30
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться2Вт, 1 Май 2012 22:09:26
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
.-.
Поделиться3Вт, 1 Май 2012 23:28:08
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться4Вт, 1 Май 2012 23:40:01
- Cтарожил
- Зарегистрирован: Пн, 8 Окт 2007
- Сообщений: 2554
- Уважение: +708
- Позитив: +596
- Пол: Мужской
- Последний визит:
Вт, 5 Окт 2021 21:21:25
Kaname Madoka, в HTML-низ:
Код:
<script type="text/javascript">
var color, href, time_color, rate=20, elmH=0, elmS=128, elmV=255;
function rotationColor(){
if(elmS==0){elmR=elmV;elmG=elmV;elmB=elmV;}
else {t1=elmV;t2=(255-elmS)*elmV/255;
t3=elmH%60;t3=(t1-t2)*t3/60;
if(elmH<60){elmR=t1;elmB=t2;elmG=t2+t3;}
else if(elmH<120){elmG=t1;elmB=t2;elmR=t1-t3;}
else if(elmH<180){elmG=t1;elmR=t2;elmB=t2+t3;}
else if(elmH<240){elmB=t1;elmR=t2; elmG=t1-t3;}
else if(elmH<300){elmB=t1;elmG=t2;elmR=t2+t3;}
else if(elmH<360){elmR=t1;elmG=t2;elmB=t1-t3;}
else {elmR=0;elmG=0;elmB=0;}}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB='#'+elmR.toString(16)+elmG.toString(16)+elmB.toString(16);
elmH=elmH+rate; if(elmH>=360) elmH=0;
href.css({'color':clrRGB});
}
$('a').hover(function(){href=$(this); color=$(this).css('color'); time_color=setInterval ('rotationColor()',100)},function(){clearInterval(time_color); $(this).css({'color':color});});
</script>Поделиться5Ср, 2 Май 2012 08:16:51
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
спасибо)
а как задать этом скрипту свои цвета? или никак?
Поделиться6Пт, 4 Май 2012 14:56:27
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться7Пт, 4 Май 2012 16:18:48
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться8Пт, 4 Май 2012 16:38:09
- Cтарожил
- Зарегистрирован: Пн, 8 Окт 2007
- Сообщений: 2554
- Уважение: +708
- Позитив: +596
- Пол: Мужской
- Последний визит:
Вт, 5 Окт 2021 21:21:25
Там перелив всех цветов...
Свои не стоит задавать.
Поделиться9Пт, 4 Май 2012 16:38:49
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться10Пт, 4 Май 2012 16:39:26
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
RUSSIAN_GOBLIN написал(а):
Там перелив всех цветов...
Свои не стоит задавать.
ну так, а мне надо чтобы от исходного к другому.
Поделиться11Пт, 4 Май 2012 17:38:21
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться12Пт, 4 Май 2012 18:37:00
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Kaname Madoka, на какой цвет они должны меняцо? 
Поделиться13Пн, 7 Май 2012 20:27:53
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Rion Leonheart
пусть будет #380303
Поделиться14Пн, 7 Май 2012 23:55:04
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Поделиться15Вт, 8 Май 2012 01:10:32
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Kaname Madoka, замотался 
Чо-то ваш цвет на пару тонов отличаецо от основного, поэтому эффект, как таковой, можно только под лупой углядеть.
Во втором окне стиля замените два блока - CS3.2 и CS3.4 на такие:
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #B20A0A;
border-bottom: 0px none #000;
text-decoration: underline;
font-weight: normal;
text-shadow: 1px 1px 1px #d2cfd3;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #B20A0A;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
text-transform: uppercase;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
То, что выделено красным - ваш цвет
З.Ы.: в IE не работает 
ну как обычно, чо
Поделиться16Вт, 8 Май 2012 02:49:33
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
Rion Leonheart
да ну ничего, это я так, оставляю дежурную страничку и уже на автомате смайлы ставлю х)я старалась потемнее :з
Благодарю покорно, потом испробую)да в IE ничего не работает :\
и сам IE, порой, тоже
Отредактировано Kaname Madoka (Вт, 8 Май 2012 02:49:55)
Поделиться17Сб, 9 Июн 2012 14:56:46
- Заслуженный
- Зарегистрирован: Ср, 2 Ноя 2011
- Сообщений: 120
- Уважение: 0
- Позитив: +5
- Пол: Женский
- Последний визит:
Пт, 19 Окт 2018 01:20:38
а как сделать так, чтобы они и обратно так плавно цвет меняли?
Страница: 1