Чат сообщества
   | |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Динамическая смена курсора (Возможен ли такой трюк?) |
| Динамическая смена курсора |
|
Да кто их знает этих юзеров.. Everything is possible © Matrix
 Ну может кто нибудь подскажет все таки, пожалуйста - почему не пашет ни один из этих вариантов: <option value="url('/DOGZ/CURSORS2/lapka3.png')">Paw</option> <option value="url("/DOGZ/CURSORS2/lapka3.png")">Paw</option> <option value="url(/DOGZ/CURSORS2/lapka3.png)">Paw</option> пробовал убрать ведущий "/" - эффекта 0 что не так??? со стандартными курсорами функция пашет прекрасно.. <script> (function(window, $) { $('#cur').change(function() { var value = $(this).val(); $('body').css({cursor: value};); };); };)this, jQuery); </script> (с) by Goodmind  WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Суббота, 22 Фев 2014, 01:27:39
|
|
GEMMY, для полной совместимости файл курсора должен быть в формате .cur а не .png
Цитата Internet Explorer в качестве формата файла курсора поддерживает CUR и ANI. Firefox, Chrome, Safari поддерживают форматы CUR, PNG, GIF, JPG. Opera не работает с файлами курсора.  Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail. |
|
Доброе Утро, JonMagon.. спасибо за время и совет! (не знал такого про курсоры)..
сейчас проверю и оценю.. отпишусь обязательно по ходу дела! НО.. есть такие пункты: 1) я на мозилле 2) у меня в css раньше на той же страничке прописан тот же самый курсор и он прекрасно пашет: <!-- a:hover{cursor:url("/DOGZ/CURSORS2/lapka3.png"), pointer;} body{cursor:url("/DOGZ/CURSORS2/husky2.gif"), default;} --> ------------------------------------------ сделал конверт в .cur - попробовал такие варианты: <option value="url("/DOGZ/CURSORS2/lapka3.cur")">Paw</option> <option value="url('/DOGZ/CURSORS2/lapka3.cur')">Paw</option> эффекта 0 еще предложения? : ) WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Суббота, 22 Фев 2014, 15:58:39
|
|
(надеюсь katgr меня не забанит за Overquotting ;-)
устал бороться с неизвестным.. явно знаний не хватает : **** смотрите полностью: <select id="cur"> <option value="default">Default</option> <option value="crosshair">Crosshair</option> <option value="help">Help</option> .........до сюда пашет.. дальше ни фига.............. <option value="url('/DOGZ/CURSORS2/lapka3.cur')">Paw</option> <option value="url("/DOGZ/CURSORS2/lapka3.cur")">Paw</option> <option value="url(/DOGZ/CURSORS2/lapka3.cur)">Paw</option> </select> <script> (function(window, $) { $('#cur').change(function() { var value = $(this).val(); $('body').css({cursor: value}); }); })(this, jQuery); </script> WWW.DOGICA.COM / WWW.DOGICA.ORG |
|
<select id="cur">
<option value="default">Default</option> <option value="crosshair">Crosshair</option> <option value="help">Help</option> .........до сюда пашет.. дальше ни фига.............. <option value="url(/DOGZ/CURSORS2/courage_dog.cur)">Dancer</option> </select> что еще не так ? : ) WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Суббота, 22 Фев 2014, 21:23:41
|
|
Код cursor: url('путь к курсору1'), url('путь к курсору2'), ..., <ключевое слово> Через запятую допускается указывать несколько значений url, в этом случае браузер попытается открыть первый файл с курсором и если это по каким-либо причинам не получится, перейдет к следующему файлу. Список обязательно заканчивается ключевым словом, например, auto или pointer. Код <body> <select id="change_cursor"> <option value="url('_arrow.cur')">Arrow</option> <option value="url('_help.cur')">Help</option> </select> <script> $("body").css("height",$(window).height()+"px"); $("#change_cursor").change(function(){ $("body").css({"cursor":$(this).val()+", auto"};); };); </script> </body> Добавлено (23 Фев 2014, 18:30:21) --------------------------------------------- Можно еще сделать так. Сообщение отредактировал Nexxus - Воскресенье, 23 Фев 2014, 18:38:28
|
|
вот спасибо, Nexxus! (плюсик ушел к вам
 ) все заработало.. и правда недосмотрел, только все еще намного проще! - к функции я вообще не прикоснулся, я всего лишь написал вот так: <option value="url('/DOGZ/CURSORS2/lapka3.cur'), auto">Paw</option> вместо предидущего варианта: <option value="url('/DOGZ/CURSORS2/lapka3.cur')">Paw</option> и все сработало как надо!  --------------------------------------------------------------------------------- РЕШЕНИЕ НАЙДЕНО И ПРОТЕСТИРОВАНО - ВОТ ТАК МОЖНО ДИНАМИЧЕСКИ ИЗМЕНИТЬ ВИД КУРСОРА НА СТРАНИЧКЕ (без перезагрузки и понижения скорости !!!) <option value="crosshair">Crosshair</option> <option value="move">Move</option> <option value="help">Help</option> <option value="url('путь_к_файлу_курсора.cur'), auto">CUSTOM CURSOR</option> <script> (function(window, $) { $('#cur').change(function() { var value = $(this).val(); $('body').css({cursor: value};); };); };)this, jQuery); </script> (с) by Goodmind + помог NEXXUS ------------------------------------------------------------------------------------ WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал GEMMY - Понедельник, 24 Фев 2014, 01:15:17
|
| |||