Смена стиля курсора

Rozalia · 12.09.2010

Доброго времени суток, веб-мастера!

Верстаю сайтик, посвящённый одной моей любимой игрушке, и хочу заменить системный курсор на игровой (файл имеется). В учебнике указано как это сделать: организуешь table и уже в конкретной ячейке прописываешь стиль курсора (правда, там только системные типы).

На одном форуме видела индивидуальный тип курсора - вот часть кода:

body
{
...
cursor: url("http://forum.dwg.ru/img/cross.cur");
}

Вписала подобную строчку в свой styles.css - но само слово "cursor" было обозначено как неправильное.
Не понимаю, в чём дело: в языке вёрстки, в HTML-редакторе, в чём-то ещё?
И действительно так уж необходима таблица для смены стиля курсора?

minority · 12.09.2010

Код:

<!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>Документ без названия</title>
<style type="text/css">
#cursor {width:700px;height:500px;background:#CCC;border:dotted 1px #666;}
#cursor {cursor:url(http://3wforums.ru/uploads/av-11186.jpg),auto;} 
</style>
</head>

<body>
<div id="cursor"></div>
</body>
</html>

Romani · 12.09.2010

Не работает, я вообще чет о таком даже не слышал и не видел нигде. На всякие стрелочки, часики это понятно, но менять на картинки... Тогда было бы куча сайтов где курсор вообще не увидеть, на всякой порнухе и тд. Я например видел хак, когда тебя кидает на подобный сайт, сразу открывается js alert и его растягивают так, что не закрыть не подтвердить или отменить не возможно, только офнуть браузер

minority · 12.09.2010

Для IE надо делать с cur файлом что бы работало но все равно не во всех браузерах будет корректно.

Romani · 12.09.2010

http://www.w3schools.com/jsref/prop_style_cursor.asp
motek нашел

motek · 12.09.2010

Romani сказал(а):
http://www.w3schools.com/jsref/prop_style_cursor.asp
motek нашел

проблема в том,что не все браузеры поддерживают,например в ф-ф и опере не работает,а в хроме-все нормально

Код:

<html>
<head>
<script type="text/javascript">
function changeCursor()
{
document.body.style.cursor="url('t1.png')";
document.getElementById("p1").style.cursor="text";
}
</script>
</head>
<body>

<p id="p1">This is some text. This is some text.</p>

<input type="button" onclick="changeCursor()"
value="Change cursor" />

</body>
</html>

добавте в ту же папку картинку t1.png(или пропишите другой урл)

http://www.w3schools.com/CSS/pr_class_cursor.asp
тут обьясняется как поменять курсор с помощью css...

Код:

<html>
<body>
<p>Mouse over the words to change the cursor.</p>
<span style="cursor:url('t1.png')">kartinko</span>
</body>
</html>

та же картинка вместо курсора,но и та же проблема-работает только в хроме :angry:

Rozalia · 13.09.2010

Только в Google Chrome? Жалко... Будем надеяться, скоро огненный лис и ИЕ подтянутся

А пока загружу Хром и поэкспериментирую - посмотрим...

tigra60 · 13.09.2010

Ну, скажем, не только в Хроме...
ФФ (во всяком случае 3.6) работает с курсорами абсолютно так же, ка и хром, т.е. поддерживает .cur, .gif (правда, без анимации), .jpg, .png.
ИЕ (я проверял в 6) поддерживает .cur и .ani (его больше никто не поддерживает)
Опера вообще плевала на загружаемые курсоры с высокой колокольни.

С курсорами нужно работать, примерно, как со шрифтами:

Код:

<div style="cursor:url(dinosaur.ani), url(dinosaur.png), pointer; ">

И, в заключение, архивчик Вам для экспериментов (см. вложение).
Дерзайте!

motek · 18.09.2010

tigra60 сказал(а):
И, в заключение, архивчик Вам для экспериментов (см. вложение).
Дерзайте!

Привет Тигра!
Протестировал твой архивчик-корректно работает только в ф-ф(кроме расширения .ani)
В хроме меняются цвета курсора(синяя рука-на красную,голубой динозавр-на желтого)
A вот в опере вообще ничего не работает...

tigra60 · 18.09.2010

корректно работает только в ф-ф(кроме расширения .ani)
В хроме меняются цвета курсора(синяя рука-на красную,голубой динозавр-на желтого)
A вот в опере вообще ничего не работает...

Отсюда - вывод:
Загружаемые курсоры (равно как и загружаемые шрифты) - это зло.
И если кто решил это зло поставить себе на службу, в объявлении курсора обязательно указать один из стандартных.

Смена стиля курсора

Rozalia

Active Member

minority

generator randomly php

Romani

Well-Known Member

minority

generator randomly php

Romani

Well-Known Member

motek

злой как @

Rozalia

Active Member

tigra60

Спасатель

Вложения

motek

злой как @

tigra60

Спасатель

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей