VPF::jQuery выделение элемента(анимированная подсветка)

Molodec

Дата 21.3.2011, 17:34 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 249
Регистрация: 20.12.2010
Где: Украина

Репутация: нет
Всего: 1

Здравствуйте, подскажите, пожалуйста, может пример какой как сделать так, чтобы при наведении на span его background-color изменялся от ffff99 до ffff33 и обратно и так пока мышка с него не будет убрана. Знаю, что тут связано с Animate, но как организовать цикл, и чтобы потом все вернулось на свое место не знаю. Заранее благодарен.

bars80080

Дата 21.3.2011, 20:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

это можно сделать и с помощью css

Код


span { background-color: #ffff99; }
span:hover { background-color: #ffff33; }

Molodec

Дата 22.3.2011, 09:16 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 249
Регистрация: 20.12.2010
Где: Украина

Репутация: нет
Всего: 1

bars80080, прошу прощения. Не правильно поставил вопрос. Хотелось бы чтобы цвет плавно переливался...

bars80080

Дата 22.3.2011, 11:02 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

любая плавность означает таймер. вешаем на каждый span события наведения и уведения мыши. оба будут запускать таймеры

Код


$(document).ready(function() {
    $('span').each(function() {
        $(this).bind('mouseover', function() { startef(this, 1); }).bind('mouseout', function() { startef(this, 0); });
    });
});
function startef(th, mod) {
    // установка начального значения и сохранение его. 

    // также сохранение направления перебора

    // запуск таймера
    var setTimeout('execfunc()', 40);
}

ну и тут надо написать кусок кода. у нас должен быть переход от одного цвета к другому, значит, надо где-то сохранять промежуточные значения. это может быть либо массив, но его надо сформировать так, чтобы там находились все счётчики spanов, либо хранить значение можно в атрибуте самого элемента. что проще, но более тормознутый вариант.

вообще, вся эта задача при наличии достаточно большого числа элементов будет весьма тормозить страницу

Molodec

Дата 22.3.2011, 13:56 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 249
Регистрация: 20.12.2010
Где: Украина

Репутация: нет
Всего: 1

Цитата(bars80080 @ 22.3.2011, 11:02

)

вообще, вся эта задача при наличии достаточно большого числа элементов будет весьма тормозить страницу

Понятно. Спасибо за помощь. smile

Это сообщение отредактировал(а) Molodec - 22.3.2011, 13:56

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »