№ - 8 Эффект « Картинка летит за курсором »
Скрипт для оформления курсора и привлечения внимания к странице сайта.
Эффект с изображением , которое преследует курсор , следуя за ним плавно перемещаясь по страничке.
Быстро устанавливается и настраивается. Меняем изображение на свой вкус и цвет , в зависимости т публикуемой информации.
~ Изменить плавность и скорость перемещения -
x=Math.round(PX+=((xm-PX)*3)/150)
y=Math.round(PY+=((ym-PY)*3)/150)
~ Меняем в стилях позицию картинки относительно курсора -
margin-top:-1%;
margin-left:3%;
~ Не желаете показывать стандартную картинку, в стилях пишем -
body {cursor: url("https://effects1.ru/gallery/nabory/ikonki/kursor-img/4-cursor-ruka.png"), auto;} для всей страницы
span {cursor: url("https://effects1.ru/gallery/nabory/ikonki/kursor-img/4-cursor-ruka.png"), auto;} для тега span... и т.д.
при наведении на ссылку показывается стандартный курсор
Создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Переименуйте файл в .HTML ---> Откройте с помощью браузера и увидите результат.
Для создания .js --> Создайте текстовый документ .txt -->Копируем код в форме и вставляем в файл .txt -->Убираем теги <script>...< script> --> Переименуйте файл в .js ---> Добавьте ссылку на файл в HTML страницу <script src="/script/мой.js"> </script>
Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...
Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения
Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.
Ваш комментарий:
Система комментирования SigComments Изменить, удалить коммент возможно в течении 15 мин