• Страница 1 из 1
  • 1
Модератор форума: WOLF, MiHPro  
Home sims форум » Для Web-мастера » Web-дизайн » Курсоры





Курсоры
WOLF Дата: Суббота, 27.12.08, 15:53:03 | Сообщение # 1
Группа Админы Сообщество творчества
Знаток игрыСообщество журналистовСпонсор сайта!
Мэр города
Группа: Админы
Сообщений: 11438
Пол: Мужчина
Симолеоны
« »
« 150 »
Ваше желание:
Вид курсора определяется с помощью CSS свойства cursor.

CSS-свойство cursor позволяет нам устанавливать собственный вид курсора элементам страницы, причем, можно использовать как стандартные виды курсоров, так и курсоры, определенные пользователем (файлы CUR или SVG курсоры).

CSS-свойство cursor - свойство для изменения внешнего вида курсора

Для простоты разделим курсоры на группы...

Стандартные курсоры
auto - курсор по умолчанию для текущего элемента.
crosshair - простое перекрестие (напоминающее символ "+").
default - курсор, используемый по умолчанию на данной платформе. Зачастую представляется в виде стрелки.
pointer - курсор представляется указателем, обозначающим ссылку.
move - курсор, определяющий объект, который можно переместить.
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - курсоры, обозначающие возможность перемещения некоторого края объекта.
text - курсор, обозначающий текст, который может быть выделен. Зачастую представляется в виде вертикальной линии "|".
wait - курсор, обозначающий занятость программы, и говорящий пользователю, что следует подождать. Зачастую представляется в виде циферблата или песочных часов.
help - курсор, означающий, что для объекта, на который он указывает, имеется справочная информация. Зачастую представляется в виде вопросительного знака или воздушного шара.

Доступно только для пользователей

Когда браузер встречает определение пользовательского курсора, он пытается отобразить первый курсор из списка. Если первый курсор не может быть отображен, то браузер пытается задействовать следующий по списку курсор. Обратите внимание, что всегда в конце списка пользовательских курсоров указывается какой-то стандартный курсор, на тот случай, если ни один из пользовательских курсоров не сможет быть отображен.

В качестве пользовательского курсора можно использовать файлы в формате CUR, ANI или SVG курсоры. SVG cursor - это платформо-независимый пользовательский курсор, где сам курсор является файлом изображения. Рекомендуется использовать PNG формат, так он поддерживает маску прозрачности через альфа-канал, но можно использовать и GIF, ибо он поддерживает 2-битную прозрачность. Если же используется другой формат изображения, который не поддерживает прозрачность ни через альфа-канал, ни через назначение отдельного цвета в качестве прозрачного, то курсор будет представлен в виде непрозрачной прямоугольной области. Следует также напомнить, что следует использовать в курсоре по меньшей мере два цвета, чтобы он был различим на различном фоне.

Пользовательские курсоры поддерживаются начиная с IE6, Firefox 1.5. Firefox 1.5 поддерживает CUR и SVG cursor-ы, при этом он не поддерживает формат ANI. IE поддерживает форматы CUR и ANI, но не понимает SVG cursor-ов.

Свойство cursor является наследуемым.
Также существует еще одно значение - inherit. Это значение говорит о том, что свойство наследуется от элемента-родителя.
Значение свойства cursor по умолчанию: auto

Хочу отдельно отметить, что не стоит увлекаться пользовательскими курсорами, их следует использовать, если на то действительно есть причина. Пользователям привычны и понятны стандартные курсоры, не забывайте об этом.





 
Home sims форум » Для Web-мастера » Web-дизайн » Курсоры
  • Страница 1 из 1
  • 1
Поиск:
Профиль
Гость !
Мой профиль
Редактировать профиль
Почта
Вход
Список пользователей Мои фотографии Онлайн радио Правила форума
Статистика
    Всего: 31315
    За месяц: 0
    За неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Малышей: 29482
    Детишек: 1710
    Подростков: 45
    Взрослых: 45
    Помощников: 7
    Модераторов: 6
    Инквизиторов: 2
    Замов.админа: 1
    V.I.P: 15

    Парней: 9480
    Девушек: 21835
Топ пользователей
Последние ответы
Популярные темы
Мини-чат
Зарегистрируйтесь или Войдите под своим логином!


ВКонтакте