О курсорах

lokiju · №1

Надо чтобы курсор, попав на текст становился горизонтальной линией на всю ширину страницы(так удобнее читать). Самый простой способ

Выделить код

Код:

body{cursor:url(...)! important;}

не подходит из-за ограничения

Using URL values for the cursor property - CSS | MDN In Gecko (Firefox) the limit of the cursor size is 128×128px. Larger cursor images are ignored. However, you should limit yourself to the size 32×32 for maximum compatibility with operating systems and platforms.

Как решить?

Отредактировано lokiju (23-01-2013 22:43:38)

lokiju · №2

okkamas_knife
Что-то я не сооброжу, как это будет выглядеть...

lokiju · №3

okkamas_knife, спасибо . Поковырялся с скриптами нагугленными. Все нагугленное, не хочет работать с локальными файлами. Пришел к выводу , что это надо решать через css. Осталось только понять как.

Отредактировано lokiju (28-01-2013 22:37:55)

littleleshy · №4

Скройте курсор или в качестве курсора задайте полностью прозрачное изображение.
Затем с помощью JS отобразите полосу и двигайте её в зависимости от координат курсора.

Itoku · №5

Скройте курсор или в качестве курсора задайте полностью прозрачное изображение.
Затем с помощью JS отобразите полосу и двигайте её в зависимости от координат курсора.

Если JS отключен?

littleleshy · №6

Itoku
Или юзабилити, или выключенный JS.
И потом, какой процент людей выключает JS?
Да и на определённом сайте таки можно JS включить.

lokiju · №7

okkamas_knife пишет

ноускрипт стоит?

да

okkamas_knife пишет

еще не ручаюсь за точность но вроде была какаято настройка в конфиге разрешающая скрипты локально
мож изз этого не работало?

нет такой настройки и не было

okkamas_knife пишет

а нагугленные подобные- да, большей частью не работают.

Носкрипт не может разрешить- то что запрещает гризманки

okkamas_knife пишет

я этот не сразу нашёл.

ну и что с ним делать ? Если взять только JS из него и дать гризманки , то ругается уже фаерфокс на document.write

littleleshy пишет

Скройте курсор или в качестве курсора задайте полностью прозрачное изображение.

Легко:

Выделить код

Код:

body{cursor:none! important;}

littleleshy пишет

Затем с помощью JS отобразите полосу и двигайте её в зависимости от координат курсора.

А вот с этого места пожалуста подробнее ... и чтобы на локальных файлах (не только онлайн) работало

littleleshy · №8

lokiju пишет

А вот с этого места пожалуста подробнее

С помощью JS можно отобразить какой-нибудь (заранее спрятанный) блок, установить ему необходимую ширину и двигать по вертикльной оси (JS позволяет работать с координатами положения курсора).
НО: если JS выключен, у пользователя просто исчезнет курсор.
Так что лучше спрятать его через JS (можно же через него с CSS работать).

Полезная информация

№123-01-2013 16:41:29