Привет, друзья. Курсор на странице при передвижении мышки бесконечно крутиться и крутиться. При наведении на нужное место останавливается и можно спокойно делать клик. Ерунда, конечно, которая и не несёт абсолютно никакого функционала. Просто небольшая фишечка, чтобы привлечь внимание и не быть как все.
Код.
Код устанавливается в гаджет HTML/JavaScript в любом месте макета блога. Почему бы нет, так удивить своих посетителей прикольной безделушкой.
Вообще в блоге очень легко сделать свой собственный курсор. Просто найти в интернете или создать самим картинку в формате png, которая будет бегать по веб - странице и добавить стили
Во вкладке тема установить этот код перед строкой ]]></b:skin> и сохранить изменения.
Если хотите, чтобы такая штучка была только на одной определённой странице, тогда в редакторе сообщений в режиме HTML устанавливаем
Скопируйте этот код и посмотрите здесь. Розовым цветом отмечен URL адрес картинки.
Можно ещё и бегающий за курсором текст написать.
Попробуйте. Всем спасибо за визит.

Код.
<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>
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;
}
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>
cursor: url("https://osuskinner.com/uploads/1620/cursor-smoke/9547_thumb_small.png"), auto;
}</style>
Скопируйте этот код и посмотрите здесь. Розовым цветом отмечен URL адрес картинки.
Можно ещё и бегающий за курсором текст написать.
Попробуйте. Всем спасибо за визит.
здесь можно оформить подписку на новые шпаргалки
Нервным противопоказана :)
ОтветитьУдалитьДа, с перепугу что - нибудь не дай бог с компом можно сделать.
ОтветитьУдалить