Как изменить внешний вид курсора мыши на вашем сайте.

Может быть, Вы видели, на некоторых сайтах есть один интересный спецэффект (если это можно так назвать), когда наводишь курсором мыши на определенный элемент веб-страницы, он меняет свою форму.

Можно добавить к курсору знак вопроса, можно сделать его крестообразным, круглым, да и вообще любой формы.

Что самое интересное, делается это все очень даже легко, с помощью стилей CSS. Скачайте видео-урок по ссылке

http://www.bravoo.net/video/my/mousecur.zip

и Вы научитесь все это делать сами.

Кроме того, из урока вы узнаете, какие бывают расширения курсоров и где их найти.

Запись опубликована в рубрике Уроки. Добавьте в закладки постоянную ссылку.
***

10 комментариев: Как изменить внешний вид курсора мыши на вашем сайте.

  1. Иван говорит:

    Ссылка не работает

  2. admin говорит:

    Ссылку, только что проверил. Все работает.

  3. ВАСЯ говорит:

    СКАЧИВАЕТ БИТЫЙ АРХИВ

  4. Сергей говорит:

    !Not Found»

  5. Илья говорит:

    Скачивается нормально, работает тоже. Возможно не то запускаете?В архиве файл 1swf, вот его и надо смотреть!
    Вопрос: а зачем оно нужно?
    Большого смысла или особой красоты в этом нет, так, прикол что ли?
    Интереснее эффект, когда при наведении меняется фон, цвет текста, или проявляется то, что было невидимым. Подозреваю, что это как-то связано с z-index, но знаний не хватает. Может быть осветите эту темку?

  6. Алексей говорит:

    Вещь достаточно интересная для развития знаний и своих навыков, но вот использовать эту фишку конкретно на сайте нет смысла! Чисто моё мнение. Но всё же спасибо за урок.

  7. Ala говорит:

    Спасибо, искала как сменить курсор, ваш сайт первым в гугле оказался.

  8. Кирилл говорит:

    Илья написал:
    Интереснее эффект, когда при наведении меняется фон, цвет текста, или проявляется то, что было невидимым. Подозреваю, что это как-то связано с z-index, но знаний не хватает. Может быть осветите эту темку?
    Для этого в CSS на событие hover изменяешь параметры background, font-color или меняется свойство display с none на block.
    А вообще очень красивых эффектов на странице можно добиться с помощью различных js-библиотек. Я использую prototype, очень нравится.

  9. Senyusha говорит:

    Отличный материал! Спасибо,все теперь поняла!

  10. Kirilichna говорит:

    Очень познавательный материал!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>