№ -1 Эффект «Прыгающая картинка»
Скрипт для курсора с прыгающим, как мячик, изображением при клике.
Прикольно прыгающая картинка, словно мячик, при каждом клике мышкой по экрану до заданного размера по высоте HTML-страницы.
Если размер страницы превышает указанные в коде параметры, то за пределами заданного размера картинка при клике остаётся в том месте, где последний раз произошёл клик.Может быть полезен при поиске информации на странице, оставляя картинку на интересующем вас месте, сделав клик на страничке рядом с нужной информацией. Эффект состоит из двух скриптов
Смотреть пример
~ Меняем размер и прозрачность - height:34; width:34; filter: alpha(Opacity=60); opacity: 0.6; - в стилях картинки.
~ Изменить положение картинки относительно курсора -
bouncingBall.left = (is.NS) ? e.pageX - 65 : event.offsetX- 65;
bouncingBall.top = (is.NS) ? e.pageY - 75: event.offsetY- 75;
~ Изменить глубину падения - winH = (is.NS) ? window.innerHeight +200 : document.body.offsetHeight +200;
~ Ставим - 0 - картинка возвращается на место ,1 - остается в месте клика - if (parseInt(bouncingBall.top) > 1 && up && iter >= 1)
Для просмотра создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Переименуйте файл в .HTML ---> Откройте с помощью браузера и увидите результат.
Для подключения с помощью файла .js. Создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Убираем теги <script>...</script> -->Переименуйте файл в .js ---> Добавляем ссылку <script src="https:/сайт/js/cursor.js"></script>в html страничку --> Откройте с помощью браузера и увидите результат.
Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...
Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения
Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.
Ваш комментарий:
Система комментирования SigComments Изменить, удалить коммент возможно в течении 15 мин