Ошибка значения cursor hand не является значением cursor hand

<a style="cursor:pointer;cursor:hand" onclick='javascript:window.open("http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&amp;t=<?php single_post_title(); ?>", "_blank", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=300,top=100,width=626,height=436")'>[image goes here]</a>

4 ответа

Лучший ответ

Value:      [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit

Я знаю, как реализовать это в css, я пытался выкопать, если есть возможность реализовать это в javascript.

Ну, это была важная информация для включения в вопрос.

Две вещи:

Вы должны использовать правильные CSS cursor значения свойств, hand не является допустимым значением.

Вы должны убедиться, что ваш код работает после того, как изображение существует. Самый простой способ сделать это — поместить свой тег script в конец вашего HTML-кода непосредственно перед закрывающим </body>.

Если вы делаете это, это работает. Конечно, изображение перемещается, потому что изначально не имеет границы:

img.onmouseover = function() {
  this.style.cursor = 'pointer';
  this.style.border = "2px solid black";
}
img.onmouseout = function() {
  this.style.cursor = 'default';
  this.style.border = "2px solid white";
}

<img alt="Sedan" width="300px" height="200px" id="img" src="Images/WelcomePage/Compact/abc.jpg" />

Я не рекомендую полагаться на автоматический глобальный (тот, который создан, потому что у вас есть id="img"), но он работает.

Как указывает Кайдо, мы могли бы просто установить свойство cursor один раз, а не в обработчики событий, поскольку это применимо только тогда, когда курсор все время витает в элементе:

img.style.cursor = 'pointer';
img.onmouseover = function() {
  this.style.border = "2px solid black";
}
img.onmouseout = function() {
  this.style.border = "2px solid white";
}

<img alt="Sedan" width="300px" height="200px" id="img" src="Images/WelcomePage/Compact/abc.jpg" />

К сожалению, мы обнаружили следующие ошибки (3) URI : http://qa.digift.ru/layout/css/style.css 1 Этот профиль имеет специфический синтаксис @charset: после @charset идет ровно один пробел, за которым следует название кодировки в кавычках, за которой сразу следует точка с запятой. @charset ‘UTF-8’; 1003 .slick-list.dragging Ошибка значения : cursor hand не является значением cursor : hand URI : http://qa.digift.ru/css/common.css 376 .text_block_content ul, .text_block_content ol Ошибка значения : list-style outside не является значением list-style : outside outside outside ↑ НАВЕРХ Validators Donation Program logo The W3C validators rely on community support for hosting and development. Donate and help us build better tools for a better web. Предупреждения (127) URI : http://qa.digift.ru/layout/css/style.css 124 can’t find the warning message for vendor-ext-pseudo-element 124 can’t find the warning message for vendor-ext-pseudo-element 162 can’t find the warning message for vendor-ext-pseudo-element 231 .control-button Одинаковые цвета для background-color и border-top-color 231 .control-button Одинаковые цвета для background-color и border-right-color 231 .control-button Одинаковые цвета для background-color и border-bottom-color 231 .control-button Одинаковые цвета для background-color и border-left-color 287 can’t find the warning message for vendor-ext-pseudo-element 292 can’t find the warning message for vendor-ext-pseudo-element 297 can’t find the warning message for vendor-ext-pseudo-class 302 can’t find the warning message for vendor-ext-pseudo-element 307 can’t find the warning message for vendor-ext-pseudo-element 311 can’t find the warning message for vendor-ext-pseudo-class 315 can’t find the warning message for vendor-ext-pseudo-element 320 can’t find the warning message for vendor-ext-pseudo-element 325 can’t find the warning message for vendor-ext-pseudo-class 330 can’t find the warning message for vendor-ext-pseudo-element 336 can’t find the warning message for vendor-ext-pseudo-element 340 can’t find the warning message for vendor-ext-pseudo-class 975 Свойство -webkit-user-select — неизвестное расширение поставщика 976 Свойство -moz-user-select — неизвестное расширение поставщика 977 Свойство -ms-user-select — неизвестное расширение поставщика 979 Свойство -webkit-touch-callout — неизвестное расширение поставщика 980 Свойство -ms-touch-action — неизвестное расширение поставщика 982 Свойство -webkit-tap-highlight-color — неизвестное расширение поставщика 1007 Свойство -webkit-transform — неизвестное расширение поставщика 1862 Свойство -webkit-transform — неизвестное расширение поставщика 1863 Свойство -ms-transform — неизвестное расширение поставщика 2187 .send-form-outer—no_active .send-form Одинаковые цвета для background-color и border-color 3197 Свойство -webkit-transform — неизвестное расширение поставщика 3198 Свойство -ms-transform — неизвестное расширение поставщика 4675 Свойство -webkit-user-select — неизвестное расширение поставщика 4676 Свойство -moz-user-select — неизвестное расширение поставщика 4677 Свойство -ms-user-select — неизвестное расширение поставщика 4679 Свойство -webkit-tap-highlight-color — неизвестное расширение поставщика 4680 Свойство -webkit-touch-callout — неизвестное расширение поставщика 4703 Свойство alpha(opacity=0) — неизвестное расширение поставщика 4709 Свойство alpha(opacity=50) — неизвестное расширение поставщика 4734 Свойство alpha(opacity=50) — неизвестное расширение поставщика 4761 Свойство alpha(opacity=10) — неизвестное расширение поставщика 4808 Свойство alpha(opacity=75) — неизвестное расширение поставщика 4864 Свойство alpha(opacity=100) — неизвестное расширение поставщика 4877 Свойство alpha(opacity=0) — неизвестное расширение поставщика 4899 Свойство alpha(opacity=75) — неизвестное расширение поставщика 4917 Свойство alpha(opacity=0) — неизвестное расширение поставщика 4939 can’t find the warning message for shape-separator 4979 Свойство Alpha(Opacity=0) — неизвестное расширение поставщика 5191 Имена, содержащие пробелы, должны заключаться в кавычки. Если кавычки пропущены, любые пробелы до или после имени игнорируются, а последовательности пробелов внутри имени преобразуются в единичный пробел. 5264 Свойство Alpha(Opacity=70) — неизвестное расширение поставщика 5270 Свойство Alpha(Opacity=35) — неизвестное расширение поставщика 5274 Свойство Alpha(Opacity=35) — неизвестное расширение поставщика 5348 Свойство -webkit-user-select — неизвестное расширение поставщика 5349 Свойство -moz-user-select — неизвестное расширение поставщика 5350 Свойство -ms-user-select — неизвестное расширение поставщика URI : http://qa.digift.ru/css/lib/datepicker.css 92 Свойство -webkit-touch-callout — неизвестное расширение поставщика 93 Свойство -webkit-user-select — неизвестное расширение поставщика 94 Свойство -khtml-user-select — неизвестное расширение поставщика 95 Свойство -moz-user-select — неизвестное расширение поставщика 96 Свойство -ms-user-select — неизвестное расширение поставщика 774 Свойство -webkit-box-shadow — неизвестное расширение поставщика 775 Свойство -moz-box-shadow — неизвестное расширение поставщика 777 Свойство -webkit-background-clip — неизвестное расширение поставщика 778 Свойство -moz-background-clip — неизвестное расширение поставщика 780 can’t find the warning message for css-hack 781 can’t find the warning message for css-hack URI : http://qa.digift.ru/ 128 .par-options__button:hover Одинаковые цвета для background-color и border-top-color 128 .par-options__button:hover Одинаковые цвета для background-color и border-right-color 128 .par-options__button:hover Одинаковые цвета для background-color и border-bottom-color 128 .par-options__button:hover Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-top-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-right-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-bottom-color 180 .pager__item—arrow Одинаковые цвета для background-color и border-left-color 221 .card-popup-warning:before Одинаковые цвета для background-color и border-top-color 221 .card-popup-warning:before Одинаковые цвета для background-color и border-right-color 221 .card-popup-warning:before Одинаковые цвета для background-color и border-bottom-color 221 .card-popup-warning:before Одинаковые цвета для background-color и border-left-color URI : http://qa.digift.ru/css/common.css 173 can’t find the warning message for vendor-ext-pseudo-element 246 Свойство -moz-user-select — неизвестное расширение поставщика 248 can’t find the warning message for vendor-ext-pseudo-element 249 can’t find the warning message for vendor-ext-pseudo-element 250 can’t find the warning message for vendor-ext-pseudo-class 251 can’t find the warning message for vendor-ext-pseudo-class