Перейти к содержимому

(499) 940-40-00 подключение
(499) 940-00-00 служба поддержки

Смена вида курсора мыши


Сообщений в теме: 13

#1 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 08:59

Задача - сделать так, что бы на сайте был статично одного вида курсор, но не стандартный OS'евый, а тот, на который я дам урл. Кажется, такое было возможно силами html или чего-то тоже очень простого. Гугл отпадает, нету инета ж(
Расскажите, как, а?

#2 Zeratul


  • Гости
Offline

Отправлено 26 августа 2006 - 09:58

Просмотр сообщенияu-boot (Aug 26 2006, 09:59 AM) писал:

Задача - сделать так, что бы на сайте был статично одного вида курсор, но не стандартный OS'евый, а тот, на который я дам урл. Кажется, такое было возможно силами html или чего-то тоже очень простого. Гугл отпадает, нету инета ж(
Расскажите, как, а?
<html>
<head>
...
</head>
<body style="cursor: url(тут_линк_до_курсора);">
...
</body>
</html>
Вроде бы так.

Сообщение отредактировал Zeratul: 26 августа 2006 - 10:06


#3 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 10:15

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<body style="cursor:http://localhost/cursor.cur;">
</body>
</html>


не пашет ж(

#4 Zeratul


  • Гости
Offline

Отправлено 26 августа 2006 - 10:18

Просмотр сообщенияu-boot (Aug 26 2006, 11:15 AM) писал:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<body style="cursor:http://localhost/cursor.cur;">
</body>
</html>
не пашет ж(
Во-первых, линк не обязательно прямой. Если документ там же, где и курсор, можно просто cursor.cur.
Во-вторых, повторю синтаксис:
<body style="cursor: url(...);">
В-третьих: Между <body>...</body> должен быть контент. Любой. Хотя бы текст.
Т.к. курсор будет менятся не на всём теле, а на контенте.

#5 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 10:28

<html>
<body>
Эта текст
<body style="cursor: url(/cursor.cur);">
//так же не сработал и при полном урле до курсора, курсор - файл bmp, переименованный в кур, т.е. стандартный вин курсор. Даже в ie не работает. Опять ошибся в синтаксисе?

Эта текст тоже
</body>
</html>

#6 Zeratul


  • Гости
Offline

Отправлено 26 августа 2006 - 10:33

Просмотр сообщенияu-boot (Aug 26 2006, 11:28 AM) писал:

<html>
<body>
Эта текст
<body style="cursor: url(/cursor.cur);">
//так же не сработал и при полном урле до курсора, курсор - файл bmp, переименованный в кур, т.е. стандартный вин курсор. Даже в ie не работает. Опять ошибся в синтаксисе?

Эта текст тоже
</body>
</html>
В общем, всё должно выглядеть приблизительно так:
<html>
<body style="cursor: url(cursor.cur);">
Тут текст
</body>
</html>
Наводишь курсором на текст и курсор должен поменятся на вышеуказанный.

#7 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 10:36

ну это в теории
а вот у меня не работает ни в FF ни в IE.
доков хочу ж(

#8 Zeratul


  • Гости
Offline

Отправлено 26 августа 2006 - 12:11

Просмотр сообщенияu-boot (Aug 26 2006, 11:36 AM) писал:

ну это в теории
а вот у меня не работает ни в FF ни в IE.
доков хочу ж(
У меня в IE работает, в FF (думаю и в остальных браузерах) нет.
В FF работают только курсоры из стандартного набора, к примеру, crosshair:
<body style="cursor: crosshair;">
...
</body>

PS: Если у тебя и в IE не работает, ищи грабли в твоем файле курсора.
Потести на другом курсоре. Например на этом: %windir%\cursors\stopwtch.ani

Сообщение отредактировал Zeratul: 26 августа 2006 - 12:13


#9 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 12:32

Пасибо. Под ФФ правда не заработало, но точу сайт под монстра капитализма.

#10 satoru


  • Гости
Offline

Отправлено 26 августа 2006 - 15:35

Изменять курсор CSS-ом можно только из стандартных:

Цитата

авто style="cursor:auto;"
крестообразный style="cursor:crosshair;"
по умолчанию style="cursor:default;"
рука style="cursor:hand;"
на все четыре стороны style="cursor:move;"
текст style="cursor:text;"
ожидание style="cursor:wait;"
помощь style="cursor:help;"
стрелка вверх style="cursor:n-resize;"
вправо вверх style="cursor:ne-resize;"
влево вверх style="cursor:nw-resize;"
стрелка вниз style="cursor:s-resize;"
вправо вниз style="cursor:se-resize;"
влево вниз style="cursor:sw-resize;"
стрелка вправо style="cursor:e-resize;"
стрелка влево style="cursor:w-resize;"

так или иначе должено работать во всех браузерах:

Цитата

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body { cursor: ne-resize }
.chcur { cursor: ne-resize }
</style>
</head>
<body>
<p>Text</p>
<a href="link.html" class="chcur">Link</a><br />
</body>
</html>


#11 u-boot


  • Гости
Offline

Отправлено 26 августа 2006 - 15:40

http://www.echoecho.com/csscursors.htm
а тут вроде написано!

#12 Красавчег


  • Гости
Offline

Отправлено 17 сентября 2006 - 16:27

BODY { cursor:url('http://......');}
помоему эта сторока отвечает за вид курсорчика

Сообщение отредактировал Красавчег: 17 сентября 2006 - 16:27


#13 Diz7


  • Гости
Offline

Отправлено 17 сентября 2006 - 16:50

По ходу работает только в IE. В FF и Opera такая возможность отсутствует (?).

#14 Палыч

    パシャ


  • Пользователи
  • 1 149 сообщений
0
Offline

Отправлено 17 сентября 2006 - 19:38

Просмотр сообщенияDiz7 (Sep 17 2006, 05:50 PM) писал:

По ходу работает только в IE. В FF и Opera такая возможность отсутствует (?).
ну ты еще в шкафу глянь ;)
от версий еще зависит...





Количество пользователей, читающих эту тему: 2

0 пользователей, 2 гостей, 0 анонимных