добрый день)
http://hvostfei.rusff.ru/
не подскажете, как сделать так, чтобы при наведении ссылки плавно меняли свой цвет?
Отредактировано Kaname Madoka (Вт, 1 Май 2012 18:07:55)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » эффекты ссылок при наведении
добрый день)
http://hvostfei.rusff.ru/
не подскажете, как сделать так, чтобы при наведении ссылки плавно меняли свой цвет?
Отредактировано Kaname Madoka (Вт, 1 Май 2012 18:07:55)
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>спасибо)
а как задать этом скрипту свои цвета? или никак?
Там перелив всех цветов...
Свои не стоит задавать.
Там перелив всех цветов...
Свои не стоит задавать.
ну так, а мне надо чтобы от исходного к другому.
Kaname Madoka, на какой цвет они должны меняцо? 
Rion Leonheart
пусть будет #380303
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 не работает
ну как обычно, чо
Rion Leonheart
да ну ничего, это я так, оставляю дежурную страничку и уже на автомате смайлы ставлю х)я старалась потемнее :з
Благодарю покорно, потом испробую)да в IE ничего не работает :\
и сам IE, порой, тоже
Отредактировано Kaname Madoka (Вт, 8 Май 2012 02:49:55)
а как сделать так, чтобы они и обратно так плавно цвет меняли?
| эффекты ссылок при наведении | Корзина | Сб, 23 Июн 2012 |
| Справка по дизайну форума в CSS | Справочная | Вс, 5 Ноя 2006 |
| Таблицы на заказ (14) | Архив | Пн, 1 Окт 2012 |
| Каталог скриптов/CSS | Форум для новичков | Вт, 1 Окт 2013 |
| Скрипты от пользователей 3 | Новые возможности форумов | Чт, 13 Ноя 2025 |
Вы здесь » Единый форум поддержки » Корзина » эффекты ссылок при наведении