Картинка у курсора

картинка смотрим праздник

Категории в разделе Эффекты :

Информация о материале: Категория: Эффекты для курсора; Просмотров: 48

№ - 2 Эффект « Картинка у курсора »

Скрипт для сайта заставляющий изображение следовать за стрелкой курсора.

Картинка словно привязана к указателю курсора и показывается в любом месте странички HTML.

После добавления скрипта эффект показывается на всей страничке. Для показа на всех страницах сайта вставить скрипт между тегами <head>...</head>

Анимированная картинка у курсора.

Смотреть пример

Скопировать код

var imageCursor=["https://effects1.ru/gallery/GIF/Byt-semya/Poceluj/kiss-23.gif", 65, 55] // image, width, height
var ofsm=[5,-30]//положение картинки

if (document.getElementById || document.all)
document.write('<div id="imageCursorid" style="position:absolute; visibility:visible;width:1px;height:1px"><img src="'+imageCursor[0]+'" border="0" width="'+imageCursor[1]+'px" height="'+imageCursor[2]+'px"></div>')

function gettrailobj(){
if (document.getElementById)
return document.getElementById("imageCursorid").style
else if (document.all)
return document.all.imageCursorid.style
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function followmouse(e){
var xcoord=ofsm[0]
var ycoord=ofsm[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+imageCursor[1]+3>docwidth || ycoord+imageCursor[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}

document.onmousemove=followmouse
</SCRIPT>

~ Меняем ссылку на изображение и размеры - var imageCursor= ["https://effects1.ru /gallery/GIF/ Poceluj/ kiss-23.gif ", 65, 55]
~ Изменить положение картинки относительно курсора - var ofsm=[5,-30]

Создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Переименуйте файл в .HTML ---> Откройте с помощью браузера и увидите результат.

Что скажете?

Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...

Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения

Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.

Интересно:

HTML и BB код на картинку

Оставить комментарий

Генератор для просмотра нескольких картинок вместе

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

Январь Февраль Март Апрель Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь

Картинка у курсора

Скрипт для сайта заставляющий изображение следовать за стрелкой курсора.

Картинка словно привязана к указателю курсора и показывается в любом месте странички HTML.

Смотреть пример

Обновление :

Для победителя | Новый год | Удачи |

Категории с примерами :

Облака, тучи(паттерн) | Мрамор(паттерн) | С Рождением внучки | С Рождением Племянника | С Рождением племянницы | Бенедикт | Бенедикт - текст | Арина |

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

10 Популярных материалов

Информация о разделах

Файлы готовятся к загрузке:

Последние добавленные :

картинки png , jpg , gif:

Скромница | Попугайчик (мульт) | Ёжики (мульт) Будущая мама, Беременная (мульт) | Художник (мульт) | Брачующиеся Свадьба (мульт) | Палатка | Трава | | |

Праздники:

Дата - год -цифры | Шаблон Эскиз открытки | День проектировщика | День гражданской авиации | День пьяного ёжика | Новый год Лошади | День художника | | | | |

День Рождения , Юбилей :

39 лет - ДР | 40 лет - ДР | | |

Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Разное:

Выходной | Давай помиримся | Весы | Скорпион |
Движение фрагмента | Рамка-border | Эффект курсора |

Инфа:

Ваш комментарий:

Картинка у курсора

Скрипт для сайта заставляющий изображение следовать за стрелкой курсора.

Картинка словно привязана к указателю курсора и показывается в любом месте странички HTML.

Смотреть пример

Обновление :

Для победителя | Новый год | Удачи |

Категории с примерами :

Облака, тучи(паттерн) | Мрамор(паттерн) | С Рождением внучки | С Рождением Племянника | С Рождением племянницы | Бенедикт | Бенедикт - текст | Арина |

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

10 Популярных материалов

Информация о разделах

Файлы готовятся к загрузке:

Последние добавленные :

картинки png , jpg , gif:

Скромница | Попугайчик (мульт) | Ёжики (мульт) Будущая мама, Беременная (мульт) | Художник (мульт) | Брачующиеся Свадьба (мульт) | Палатка | Трава | | |

Праздники:

Дата - год -цифры | Шаблон Эскиз открытки | День проектировщика | День гражданской авиации | День пьяного ёжика | Новый год Лошади | День художника | | | | |

День Рождения , Юбилей :

39 лет - ДР | 40 лет - ДР | | | Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Разное:

Выходной | Давай помиримся | Весы | Скорпион | Движение фрагмента | Рамка-border | Эффект курсора |

Инфа:

Ваш комментарий:

39 лет - ДР | 40 лет - ДР | | |

Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Выходной | Давай помиримся | Весы | Скорпион |
Движение фрагмента | Рамка-border | Эффект курсора |