Как оживить курсор мыши с пользовательским изображением при загрузке страницы?

Question

Я пытаюсь изменить курсор мыши на моем сайте с помощью пользовательских изображений.

Вот мой фактический CSS:

<style type="text/css"> 
<!-- 
body { 
cursor:url(images/default.cur),auto; 
} 
a:hover { 
cursor: url(images/hover.cur),auto; 
} 
a:active { 
cursor: url(images/wait.ani),auto; 
} 
--> 
</style> 

Firefox 3.5.6 меняет курсор по умолчанию с моей .CUR файла, но проблема в том, что .ANI курсор не работает с Firefox (и даже .gif). Он работает над IE.

Файлы курсора, которые я использую, могут быть найдены here.

Другая проблема в том, что я просто меняю a: active изображение для анимации моего курсора, но оно быстро исчезает.

Я бы хотел изменить курсор, когда мы нажимаем, чтобы перейти на какую-либо страницу, и курсор станет «нормальным» после загрузки этой страницы.

Что я ищу, это способ изменить курсор, когда кто-то нажимает на некоторые внутренние ссылки моего сайта.

Мне не нужно было менять все мои ссылки, чтобы сделать это, но это не работает.

Я подумал о каком-то окне. Загрузите JavaScript, но я не смог его написать, и там могут быть лучшие способы.

Спасибо за ваши предложения CSS или JavaScript.

Answer 1

Не делайте этого. Как бы вы хотели, если бы вы пошли на страницу myspace вашего друга, и ваш курсор внезапно превратился в большого пурпурного дракона, и вы понятия не имели, где он на самом деле указывает.

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

Если у вас есть, вы можете установить его с помощью javascript на все ваши элементы на странице. Я не думаю, что он каскадирует. Если это так, просто установите его на тело и сделайте с ним.

Answer 2

Пожалуйста, не обращайтесь за проектной обратной связью при запросе программных решений. Роль разработчиков не в том, чтобы отбросить дизайнерскую критику. Возможно, это не его решение, это может не сработать, но он хочет попробовать, и мы должны помочь. Если вы были в среде, где программисты критично оценивают каждое дизайнерское решение, вы поймете, что оно очень разрушительно для всей команды. Дизайнеры и члены команды будут ценить вас намного выше, если вы воздерживаетесь от комментирования того, согласны ли вы с тем, что они хотят делать, если не спросят. Надеюсь, если вы подумаете об этом, вы поймете, почему это важно.

Answer 3

при использовании ASP, это упрощает вещи немного, чтобы использовать URL ... решимость т.е.

cursor:url('\<\%\=ResolveUrl("~/img/magnify.cur")\%\>'); 

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

Мне может не понравиться MetroUI (скорее Metro Web Design), но мне нравится его корень, концепция дизайна «Bauhaus».

"There is beauty in simplicity."