VPF::скакание курсора - Форум программистов

nightvi

Дата 7.1.2013, 21:12 (ссылка)

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

Загрузка ...

Шустрый

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

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

Народ подскажите как сделать скакание курсора.
Задача следующая есть окно размером в 200 на 200 пикселей и в нем есть ссылка в виде небольшой картинки вот в этом поле нужно чтобы курсор скакал, чтобы труднее было нажать на эту картинку.
и гуглил яндексил но что-то ничего не нашел. одни позиции курсора. да дествия с объектом при наведении его

Aliance

Дата 8.1.2013, 10:57 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Такого на JS не сделаешь, такое обычно делается на flash. На JS же можно сделать чтобы наведя мышкой на блок, он ускакивал прочь от курсора.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

ksnk

Дата 8.1.2013, 11:29 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

nightvi, Что значит скакал?

Ну навел я на кусочек картинки. Когда курсор должен "отскочить"?

Курсор в небольших пределах можно заставить дрожать и перемещаться загружая дополнительные курсоры.
Нарисовать несколько штук и менять. Только "точка прицеливания" курсора останется той-же.

смотреть `css cursor url`. Рисовать можно чем-то вроде `RealWord cursor editor` или плагином от фотошоп.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

nightvi

Дата 8.1.2013, 13:16 (ссылка)

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

Загрузка ...

Шустрый

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

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

Спасибо, буду пробовать!
А как заставить дрожать курсор?

Это сообщение отредактировал(а) nightvi - 8.1.2013, 13:17

ksnk

Дата 8.1.2013, 16:55 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(nightvi @ 8.1.2013, 13:16

)

А как заставить дрожать курсор?

Проще, imho, менять классы у объемлющего дива, на котором курсор должен дрожать. Нарисовать достаточное количество курсоров (X штук),

Код


.picture, .picture.cur0 {
   cursor: auto;
}
.picture.cur1 {
   cursor: url(cur1.cur);
}
.picture.cur2 {
   cursor: url(cur2.cur);
}
...
.picture.curX {
   cursor: url(curX.cur);
}

Менять по таймеру

Код


setInterval(funtion(){
    $('.picture')[0].className="picture cur"+Math.floor((Math.random()*X));
},300);// отрегулировать частоту дрожания

включать такое нужно по наведению на элемент, так как рессурсы - они не резиновые.

Это сообщение отредактировал(а) ksnk - 8.1.2013, 16:56

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

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