Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   функция подсветки ссылки (https://javascript.ru/forum/dom-window/51647-funkciya-podsvetki-ssylki.html)

mr_virtus 14.11.2014 00:14

функция подсветки ссылки
 
всем привет!

подскажите, пожалуйста, хочу сделать, чтобы ссылка подсвечилась при наведении мышки. использую такую функцию:

function highlight(elem) {
    var from = [255, 0, 0], to = [255, 255, 255]
    animate({
        delay: 10,
        duration: 1000,
        delta: linear,
        step: function (delta) {
            elem.style.backgroundColor = 'rgb(' + 
                Math.max(Math.min(parseInt((delta * (to[0]-from[0])) + from[0], 10), 255),
                0) + ',' + 
                Math.max(Math.min(parseInt((delta * (to[1]-from[1])) + from[1], 10), 255),
                0) + ',' + 
                Math.max(Math.min(parseInt((delta * (to[2]-from[2])) + from[2], 10), 255),
                0) + ')'
        }
    })
}


функция отсюда:

http://learn.javascript.ru/js-animation

там подсвечивается фон.

а вот как я прикрепляю к html:

$("a").each(function()
{
 $(this).click(function()
 {
   highlight(this);
 })
});


в итоге когда нажимаю ссылку её текст изменяет цвет, но нет подсветки фона.

как сделать, чтоб при наведении мышки подсвечивался фон?

спасибо.

рони 14.11.2014 00:55

а где linear и animate?

mr_virtus 16.11.2014 14:22

Цитата:

Сообщение от рони (Сообщение 340857)
а где linear и animate?

в функции hightlight

а как нужно?

danik.js 16.11.2014 14:48

<style>
a{
    background: rgb(255, 0, 0);
    color: black;
    transition: background-color 1s 10ms linear;
}
a:hover{
    background: rgb(255, 255, 255);
}
</style>
<a href="#">Ссылка</a>

danik.js 16.11.2014 14:48

Ты опоздал со своей js-анимацией на несколько лет)

рони 16.11.2014 14:49

Цитата:

Сообщение от mr_virtus
в функции hightlight

там имена функций а где сами функции?

mr_virtus 16.11.2014 15:07

Цитата:

Сообщение от danik.js (Сообщение 341149)
Ты опоздал со своей js-анимацией на несколько лет)

это учебное задание :) я только осваиваю js :)

mr_virtus 16.11.2014 15:08

Цитата:

Сообщение от danik.js (Сообщение 341148)
<style>
a{
    background: rgb(255, 0, 0);
    color: black;
    transition: background-color 1s 10ms linear;
}
a:hover{
    background: rgb(255, 255, 255);
}
</style>
<a href="#">Ссылка</a>

спасибо,

а это jquery?

просто мне нужно на js написать.

danik.js 16.11.2014 15:10

Цитата:

Сообщение от mr_virtus
а это jquery?

Ну разумеется.

mr_virtus 16.11.2014 15:10

Цитата:

Сообщение от рони (Сообщение 341150)
там имена функций а где сами функции?

спасибо, сейчас попробую написать функции и посмотреть что получиться!


Часовой пояс GMT +3, время: 20:24.