Вращающийся курсор на веб странице

Привет, друзья. Курсор на странице при передвижении мышки бесконечно крутиться и крутиться. При наведении на нужное место останавливается и можно спокойно делать клик. Ерунда, конечно, которая и не несёт абсолютно никакого функционала. Просто небольшая фишечка, чтобы привлечь внимание и не быть как все.

Смотрим

Код.

<script type="text/javascript">
  curs = new Array('n-resize', 'ne-resize', 'e-resize', 'e-resize', 'se-resize', 's-resize', 'sw-resize', 'w-resize', 'nw-resize');
  var c=0;
  function timedCount()
  {
  document.body.style.cursor=curs[c];
  evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("mouseover", false, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  document.body.dispatchEvent(evt);
  c = (c>9) ? 0 : c+1;
  }
  setInterval("timedCount()",50);
  </script>

Код устанавливается в гаджет HTML/JavaScript в любом месте макета блога. Почему бы нет, так удивить своих посетителей прикольной безделушкой.

Вообще в блоге очень легко сделать свой собственный курсор. Просто найти в интернете или создать самим картинку в формате png, которая будет бегать по веб - странице и добавить стили

body {
  cursor: url("https://osuskinner.com/uploads/1620/cursor-smoke/9547_thumb_small.png"), auto;
}

Во вкладке тема установить этот код перед строкой ]]></b:skin> и сохранить изменения.

Если хотите, чтобы такая штучка была только на одной определённой странице, тогда в редакторе сообщений в режиме HTML устанавливаем

<style>body {
  cursor: url("https://osuskinner.com/uploads/1620/cursor-smoke/9547_thumb_small.png"), auto;
}</style>

Скопируйте этот код и посмотрите здесь. Розовым цветом отмечен URL адрес картинки.

Можно  ещё и бегающий за курсором текст написать. 

Попробуйте. Всем спасибо за визит.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email