Техническая поддержка сервиса MyFor.ru

Имя пользователя:

Пароль:

Автоматически входить при каждом посещении
Текущее время: 11 дек 2018, 19:51
Форма связи с администрацией


Владельцам собственных доменов. Важно! Смена IP адреса до 15/01/2016


Часовой пояс: UTC




Начать новую тему Ответить на тему  [ Сообщений: 2 ] 
Автор
Сообщение

Администратор
Администратор
 
Аватара пользователя

Не в сети

Автор

Возраст: 51
Зарегистрирован: 08 фев 2010, 10:43
Сообщения: 355
Спасибо получено:
113 раз в 100 сообщениях
Баллы репутации: 6
 Заголовок сообщения: Переливающиеся ссылки
СообщениеДобавлено: 18 фев 2012, 11:47 
в шаблоне overall_header.html между тэгами <head> и </head> вставляем данный скрипт

Код:
<script type="text/javascript">

// Rainbow Links Version 1.03                                                   
// Copyright (C) 1999-2001 TAKANASHI Mizuki                             
// takanasi@hamal.freemail.ne.jp                                       

var rate = 20;

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()
{
    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;
}
</script>

_________________
Мой форум


  Профиль Отправить email  
Cпасибо сказано 
За это сообщение пользователю vikweb "Спасибо" сказали:
sergiy

новичок
новичок
 

Не в сети

Возраст: 26
Зарегистрирован: 03 июл 2013, 18:53
Сообщения: 3
forum: myfor.ru
Спасибо получено:
0 раз в 0 сообщении
Баллы репутации: 0
 Заголовок сообщения: Re: Переливающиеся ссылки
СообщениеДобавлено: 03 июл 2013, 19:12 
Спасибо вам очень, интересно.
Вот несколько от меня
Зачеркивание ссылки
Выделить код
<style type="text/css">
a:hover{color:red; text-decoration: line-through; }
a{color:#FF00CC; text-decoration:none; }
</style>

подчеркивание ссылки
Выделить код
<style type="text/css">
a:hover{color:red; text-decoration: underline; }
a{color:#FF00CC; text-decoration:none; }
</style>

Двойное подчёркивание ссылки
Выделить код
<style type="text/css">
a:hover{color:red; text-decoration: underline overline; }
a{color:#FF00CC; text-decoration:none; }
</style>

Пунктирная рамка вокруг ссылки
Выделить код
<style type="text/css">
a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; }
a{color:#FF00CC; text-decoration:none; }
</style>

Увеличение жирности в ссылке
Выделить код
<style type="text/css">
a:hover{font-weight: bolder; TEXT-DECORATION: none; }
a{color:#FF00CC; text-decoration:underline; }
</style>

Исчезающее подчеркивание
Выделить код
<style type="text/css">
a:hover{color:red; text-decoration: none; }
a{color:#FF00CC; text-decoration:underline; }
</style>

заливка ссылки при наведении мышкой
Выделить код
<style type="text/css">
a:hover{color:red; BORDER-TOP: #FFCCFF
1px solid; BACKGROUND: #FFCCFF
; BORDER-BOTTOM: #FFCCFF
1px solid; text-decoration: none; }
a{color:#FF00CC; text-decoration:none; }
</style>

верхнее подчёркивание ссылки
Выделить код
<style type="text/css">
a:hover{color:red; text-decoration: overline; }
a{color:#FF00CC; text-decoration:none; }
</style>

_________________
Игры онлайн - Игры барби


  Профиль Отправить email  
Cпасибо сказано 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 2 ] 

Часовой пояс: UTC


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron