Это MWEB.RU
Не узнаешь, %username%?
Картинка двигается вслед за мышкой
Модератор: [mweb team]
Сообщений: 6 • Страница 1 из 1
Картинка двигается вслед за мышкой
ViperMobster Вт авг 14, 2007 8:57
Помогите плиз! Как сделать на Java Script так, чтобы возле курсора появилась картинка и она двигалась вслед за ним? А если можно, то я видел даже полу-прозрачную картинку. Хотелось бы такую.
-
ViperMobster - Прохожий
- Сообщения: 36
- Зарегистрирован: Вт авг 14, 2007 8:53
Muerto Вт авг 14, 2007 9:52
- Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
img#pict {
position:absolute;
filter:alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
</style>
<script type="text/javascript">
function getScrollY() {
var scrOfY = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.pageYOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
//DOM compliant
scrOfY = document.body.scrollTop;
} else if( document.documentElement &&
(document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
}
return scrOfY;
}
function move(e) {
var o=document.getElementById('pict');
var bodyHeight = parseInt(document.body.offsetHeight);
var bodyWidth = parseInt(document.body.offsetWidth);
x = e.clientX>0 ? e.clientX:e.pageX;
y = e.clientY>0 ? e.clientY:e.pageY;
y = getScrollY()+y;
o.style.left = x + "px";
o.style.top = y + "px";
}
window.captureEvents(Event.MOUSEMOVE); window.onmousemove= move;
</script>
</head>
<body>
<p>Следи за мышкой.</p>
<img id="pict" alt="следим за мышой" src="pix/greenball.gif" />
</body>
</html>
Картинку не забудь свою подставить.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
www.muerto.ru
-
Muerto - Растаман
- Сообщения: 3597
- Зарегистрирован: Пн окт 11, 2004 19:09
- Откуда: Москва
Muerto Пн авг 27, 2007 15:25
2AtskiySOTONA: Действительно, слажал. Забыл про <body onmousemove="move(event)">
Правда под ИЕ скрипт как-то паршивенько работает, но работает. Событие-то только на боди.
Правда под ИЕ скрипт как-то паршивенько работает, но работает. Событие-то только на боди.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
www.muerto.ru
-
Muerto - Растаман
- Сообщения: 3597
- Зарегистрирован: Пн окт 11, 2004 19:09
- Откуда: Москва
Сообщений: 6 • Страница 1 из 1
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3