Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.11.2014, 00:14
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 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);
 })
});


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

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

спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 14.11.2014, 00:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

а где linear и animate?
Ответить с цитированием
  #3 (permalink)  
Старый 16.11.2014, 14:22
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 14

Сообщение от рони Посмотреть сообщение
а где linear и animate?
в функции hightlight

а как нужно?
Ответить с цитированием
  #4 (permalink)  
Старый 16.11.2014, 14:48
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<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>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 16.11.2014, 14:48
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Ты опоздал со своей js-анимацией на несколько лет)
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #6 (permalink)  
Старый 16.11.2014, 14:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от mr_virtus
в функции hightlight
там имена функций а где сами функции?
Ответить с цитированием
  #7 (permalink)  
Старый 16.11.2014, 15:07
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 14

Сообщение от danik.js Посмотреть сообщение
Ты опоздал со своей js-анимацией на несколько лет)
это учебное задание я только осваиваю js
Ответить с цитированием
  #8 (permalink)  
Старый 16.11.2014, 15:08
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 14

Сообщение от danik.js Посмотреть сообщение
<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 написать.
Ответить с цитированием
  #9 (permalink)  
Старый 16.11.2014, 15:10
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от mr_virtus
а это jquery?
Ну разумеется.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #10 (permalink)  
Старый 16.11.2014, 15:10
Интересующийся
Отправить личное сообщение для mr_virtus Посмотреть профиль Найти все сообщения от mr_virtus
 
Регистрация: 14.11.2014
Сообщений: 14

Сообщение от рони Посмотреть сообщение
там имена функций а где сами функции?
спасибо, сейчас попробую написать функции и посмотреть что получиться!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
не вызывается функция при изменении option soft4you Общие вопросы Javascript 1 23.07.2014 17:41
AJAX функция для новых html-элементов broadcast77 AJAX и COMET 25 03.03.2014 14:01
Функция вместо ссылки Sergey_New Общие вопросы Javascript 2 08.09.2011 23:17
Функция разрушения ссылки Jin Общие вопросы Javascript 4 12.02.2011 17:10
Ссылки и функция hash Suharik jQuery 1 09.11.2010 22:24