ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Курсор
14 сообщений из 14, страница 1 из 1
Курсор
    #35436949
MaxPayne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaxPayne
Гость
Ребята, подскажите пожалуйста - каким образом можно сделать так, чтобы под курсором находился (двигаясь по экрану вместе с курсором) полупрозрачный прицел. Желательно этот прицел прорисовать с помощью JavaScript линиями и окружностью.
Может есть подобные примеры?
...
Рейтинг: 0 / 0
17.07.2008, 14:56
| Ответить | Цитировать | Написать  
Курсор
    #35437008
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Прицел сделай из полупрозрачной картинки и абсолютно позиционируй её по онмоусемове.
...
Рейтинг: 0 / 0
17.07.2008, 15:12
| Ответить | Цитировать | Написать  
Курсор
    #35437058
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Как таскать картинки за курсором игрушка . Толко я там проверяю нажата ли мышь, а тебе не надо. Код (это я теперь знаю) хреново написан.
...
Рейтинг: 0 / 0
17.07.2008, 15:23
| Ответить | Цитировать | Написать  
Курсор
    #35437068
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<style type='text/css'>
body {
	width:  100 %;
	height:  100 %;
}}
#scr {
	position: absolute;
	background-color: aqua;
	width: 10px;
	height: 10px;
}
</style>
<script language="JavaScript">
function Go(){
        var obj=document.getElementById('scr')
	obj.style.left=event.clientX
	obj.style.top=event.clientY
}
</script>
</head>
<body onmousemove="Go()">
<div id='scr'>
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
17.07.2008, 15:26
| Ответить | Цитировать | Написать  
Курсор
    #35437114
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsaКак вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<style type='text/css'>
body {
	width:  100 %;
	height:  100 %;
}}
#scr {
	position: absolute;
	background-color: aqua;
	width: 10px;
	height: 10px;
}
</style>
<script language="JavaScript">
function Go(){
        var obj=document.getElementById('scr')
	obj.style.left=event.clientX
	obj.style.top=event.clientY
}
</script>
</head>
<body onmousemove="Go()">
<div id='scr'>
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
Чтобы в фирефоксе работало надо так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<style type='text/css'>
body {
	width:  100 %;
	height:  100 %;
}}
#scr {
	position: absolute;
	background-color: aqua;
	width: 10px;
	height: 10px;
}
</style>
<script language="JavaScript">
function Go(ev){
        var obj=document.getElementById('scr')
	obj.style.left=ev.clientX
	obj.style.top=ev.clientY
}
</script>
</head>
<body onmousemove="Go(event)">
<div id='scr'>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
17.07.2008, 15:38
| Ответить | Цитировать | Написать  
Курсор
    #35437743
MaxPayne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaxPayne
Гость
ShSergeТолко я там проверяю нажата ли мышь, а тебе не надо.

Спасибо, парни. Выручили! Жаль конечно, что JavaScript'ом не нарисовать подобие прицела - придется в фотошопе.
Как сделать, чтобы при наведении на другое изображение на странице этот курсор подсвечивался. Это в свойствах изображения, на которое наводим, онмоусеовер прописывать смену изображения прицела?

Есть еще вопрос - на понимание. Расскажите в каких случаях лучше использовать флэш, а в каких JavaScript (или AJAX).
...
Рейтинг: 0 / 0
17.07.2008, 18:35
| Ответить | Цитировать | Написать  
Курсор
    #35437865
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
MaxPayneЭто в свойствах изображения, на которое наводим, онмоусеовер прописывать смену изображения прицела?
Да.
...
Рейтинг: 0 / 0
17.07.2008, 20:13
| Ответить | Цитировать | Написать  
Курсор
    #35437901
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
MaxPayne...каких случаях лучше использовать флэш, а в каких JavaScript (или AJAX).
Фся фишка в том, что до тех пор, пока не понадобилась - то и не надо. AJAX здесь не причём. Это - слово такое. Означает асинхронная загрузка. И больше ничего. Эта самая загрузка может происходить, например по XmlHttpRequest, или калбеком, как делают гуглы.
...
Рейтинг: 0 / 0
17.07.2008, 21:15
| Ответить | Цитировать | Написать  
Курсор
    #35437968
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
> Жаль конечно, что JavaScript'ом не нарисовать подобие прицела -
> придется в фотошопе.

Эээээ.... Не совсем так. Попадался сайт с библиотечкой для отрисовки несложной векторной графики на жабаскрипте, вроде бы даже на этом форуме была ссылка. Месяца 2...4 назад примерно. Сейчас не вспомню, что за тема была ((
Полагаю, что вариант динамической отрисовки графики на JS будет существенно тормознее, чем перемещение картинки.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
17.07.2008, 22:21
| Ответить | Цитировать | Написать  
Курсор
    #35437990
MaxPayne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaxPayne
Гость
vkle
Попадался сайт с библиотечкой для отрисовки несложной векторной графики на жабаскрипте, вроде бы даже на этом форуме была ссылка. Месяца 2...4 назад примерно.

К сожалению не нашел..
В приведенном выше примере прицел двигается за курсором только при движении вниз-вправо плюс ко всему может уходить за пределы самой страницы...
...
Рейтинг: 0 / 0
17.07.2008, 22:47
| Ответить | Цитировать | Написать  
Курсор
    #35437994
MaxPayne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaxPayne
Гость
MaxPayneК сожалению не нашел..
вот - http://www.walterzorn.com/scripts/wz_jsgraphics.zip
...
Рейтинг: 0 / 0
17.07.2008, 22:51
| Ответить | Цитировать | Написать  
Курсор
    #35438040
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSergeПрицел сделай из полупрозрачной картинки и абсолютно позиционируй её по онмоусемове.
вообще-то это чистой воды задача CSS (свойство cursor и свой тип курсора), безо всякого js. Но т.к. есть Опера неумная, которая на это свойство забивает (хотя не буду утверждать насчет последних её версий), то для кроссбраузерности придется js задействовать (блин, кривое решение, некрасиво).
...
Рейтинг: 0 / 0
18.07.2008, 00:14
| Ответить | Цитировать | Написать  
Курсор
    #35438051
MaxPayne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaxPayne
Гость
illionвообще-то это чистой воды задача CSS (свойство cursor и свой тип курсора), безо всякого js. Но т.к. есть Опера неумная, которая на это свойство забивает (хотя не буду утверждать насчет последних её версий), то для кроссбраузерности придется js задействовать (блин, кривое решение, некрасиво).

Нет-нет. Нужно не преобразовать тип курсора, а необходимо чтобы небольшое полупрозрачное изображение было все время рядом с курсором..
...
Рейтинг: 0 / 0
18.07.2008, 00:56
| Ответить | Цитировать | Написать  
Курсор
    #35438178
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
MaxPayneВ приведенном выше примере прицел двигается за курсором только при движении вниз-вправо плюс ко всему может уходить за пределы самой страницы...
Я свой пример проверял только в ИЕ... Там ерзает туда и сюда по X и Y, за пределы экрана не выходит.
...
Рейтинг: 0 / 0
18.07.2008, 08:14
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Курсор
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35437901&tid=1456179]:
 0ms
get settings:
 5ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 57ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 31ms
get tp. blocked users:
 1ms
others: 222ms
total:  338ms
созд. / загр.: 338ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]