Радужные ссылки

Радужные ссылки

Рубрика « Эффекты текста » | 17 комментариев

При наведении курсора мыши на ссылки, они переливаются цветами радуги.

Демо

Скрипт для вставки в файл Заголовок сайта:

<SCRIPT LANGUAGE="JavaScript">
<!-- ;
// Setting
//- SPEED CAN BE CHANGED HERE -

var rate = 25; // Increase-Decrease amount ( Higher=Faster )

// - DO NOT ALTER BELOW -
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{

// HSVtoRGB
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).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
// end hide -->
</SCRIPT>

Теперь все ссылки на сайте будут радужными.

17 комментариев к статье “Радужные ссылки

  • http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_good.gif Отличный скрипт! Поставил себе на сайт! Анжелика Александрова Вам огромное спасибо!

    Reply
  • Как много у Вас различных скриптов для украшения блога http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif А скрипты для замены плагинов Вы случайно давать не собираетесь? У меня на украшательство пока времени ну совсем нет, а плагины — это святоеhttp://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif
    А вообще, Анжелика, Вы такая умница, как во всем этом разобраться можно…….

    Reply
  • Уррра!!!
    Спасибо большое, Анжелика! А этот эффект у меня работает http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif
    Можете посмотреть на главной странице http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif

    Reply
    • Анжелика, скажите, пожалуйста (прошу прощения за моё делитанство в техчасти блоггинга), скорость загрузки блога не сильно увеличится в связи с введением этого скрипта и ему подобных?

      Reply
    • Да, уже взглянула! А вашему блогу идёт! Как северное сияние.

      На скорость загрузки повлияет, но совсем-совсем не значительно. У меня вон их сколько на сайте).
      С плагинами не сравнить, в них файлов много и в каждом скрипты, большое количество непременно будет тормозить сайт. А код любого скрипта вообще можно в отдельный файл поместить и прикрепить к сайту всего одной ссылкой.
      Тогда вообще, сколько угодно можно скриптов ставить.

      Reply
      • Анжелика, здраствуйте. Спасибо большое за разъяснения!
        Буду внедрять в своих блогах большинство Ваших фишек http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

        Reply
    • Здравствуйте, Татьяна.
      Проверьте правильно ли вы скопировали скрипт.
      Протестировала его на сайте, всё работает.
      Переписала из строчки в колонку, для удобства копирования.

      Reply
  • Анжелика, это же такой эффект мы вчера на крутом сайте видели, а Вы уже и сделали?!!!
    А заголовки в статьях не реально так украсить?
    Я просто в восторге!!!http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif

    Reply

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Добавить изображение

http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif