Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Курсор / 14 сообщений из 14, страница 1 из 1
17.07.2008, 14:56
    #35436949
MaxPayne
MaxPayne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Курсор
Ребята, подскажите пожалуйста - каким образом можно сделать так, чтобы под курсором находился (двигаясь по экрану вместе с курсором) полупрозрачный прицел. Желательно этот прицел прорисовать с помощью JavaScript линиями и окружностью.
Может есть подобные примеры?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2008, 15:12
    #35437008
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Курсор
Прицел сделай из полупрозрачной картинки и абсолютно позиционируй её по онмоусемове.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2008, 15:23
    #35437058
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Курсор
Как таскать картинки за курсором игрушка . Толко я там проверяю нажата ли мышь, а тебе не надо. Код (это я теперь знаю) хреново написан.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2008, 15:26
    #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:38
    #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, 18:35
    #35437743
MaxPayne
MaxPayne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Курсор
ShSergeТолко я там проверяю нажата ли мышь, а тебе не надо.

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

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

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

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

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


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