webew
Войти » Регистрация
 
JavaScript

Помогите с созданием хвоста мыши на JavaScript.

16 ноября 2008, 17:12
Автор: Avror
Я работаю над оформлением своего сайта и очень хочу его красиво оформить, помогите с созданием "хвоста" мыши на языке JavaScript, подскажите что и как за это отвечает.( Картинка перемещающийся за курсором мыши - "хвост" мыши.)
Добавить комментарий
Отображение комментариев: Древовидное | Плоское

bur

Вам нужно абсолютно спозиционировать блок с этим хвостом и таскать его за указателям. Для этого понадобятся функции: определения координат указателя мыши и скролла окна документа. Да, и обработчик события document.onmousemove. Остальное - дело техники, удачи!
16.11.2008, 17:32
Ответить

Avror

Нужно ли делать что-то со слоем (в котором находится img каторая и будет хвостом) кроме как писать его id?
Подробно как составить код помогите плиз.
16.11.2008, 22:41
Ответить

bur

Я могу написать вам код целиком, но это будет не ответом на вопрос, а выполнением определенной работы. Попробуйте решить задачу сами, и если что-то не получится - опишите проблему, с которой столкнулись, попробуем решить вместе...
16.11.2008, 23:03
Ответить

Avror

Да вы правы. Мне надо узнать что влияет на привязку изображения к курсору, и зачем скролл окна документа?
16.11.2008, 23:29
Ответить

bur

Вам нужно засесть и с имеющимися данными попробовать написать код :-)
16.11.2008, 23:32
Ответить

Avror

Тогда помогите, подскажите где в коде ошибка:
Mymouse.htm( назван файл так )
код:
<html>
<head>
<title>Mymouse</title>
<script type="text/javascript">
function Mymouse() {
fl_mouse.style.left=window.event.x
fl_mouse.style.top=window.event.y
}
</script>
</head>

<body onmousemove="Mymouse();">
<div id=fl_mouse>
<img src="../img.gif" width="20" height="20" border="0">
</div>
</body>
</html>
я пробовал и другие варианты но что где должно совпадать или скрипт немного не тот подскажите.
17.11.2008, 21:21
Ответить

bur

Всё-таки пришлось мне набросать рабочий пример. Надеюсь это будет исчерпывающим ответом для решения вашей задачи.
18.11.2008, 12:52
Ответить

Avror

Спасибо за пример, но у меня есть вопросы:
1)" <meta http-equiv="content-type" content="text/html; charset=utf-8" /> " - зачем перед закрытием тега старится черта?
2)" <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Помогите с созданием хвоста мыши на JavaScript</title>
<script type="text/javascript"></script>
</head> " - И еше можно ли в теге <head> писать тег скрипт?
3)Зачем так много перичеслений фактических аргументов и за что они отвечают?
18.11.2008, 16:15
Ответить

bur

1) Стандарт XHTML не разрешает незакрытые теги.
2) В контейнере HEAD может быть сколько угодно тегов SCRIPT. Тот что у меня в примере можно убрать, он пустой и ничего не делает.
3) Предлагаю воспользоваться скриптом, как черным ящиком. То есть не разбираться в его работе, а просто настроить под себя. Иначе, слишком много придется объяснять за очевидным недостатком знаний JavaScript с вашей стороны. Если надумаете начать тщательное изучение JavaScript - добро пожаловать на курс Javascript для начинающих.
18.11.2008, 16:38
Ответить

Avror

Прошу прошения, ошибся так как увлекся.
Хотел узнать почему в теге <body> составлен скрипт, мне казалось в теле документа не должно быть таковых, а писаться скрипты должны в начале страницы?
18.11.2008, 16:50
Ответить

bur

Разрешается равноправное использование тегов SCRIPT как в HEAD, так и в BODY.
Приведенный мной скрипт можете поставить куда угодно, даже вынести в отдельный js-файл.
18.11.2008, 16:54
Ответить

Avror

Спасибо за подсказку, вы мне очень помогли с решением многих вопросов, постараюсь стремиться к большему. Удачи вам. =)
18.11.2008, 16:59
Ответить
Добавить комментарий
Отображение комментариев: Древовидное | Плоское
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: