Прыгающая скрепка

Абсолютно бесполезный плагин под названием Clippy представляет собой рандомно прыгающую по странице скрепку, знакомую офисным труженникам по софтине от мелкософта "вордъ" (вроде я видел её там). Скрепка не просто прыгает, но ещё и даёт дурацкие советы.

Демо, как и полагается, прямо на этой странице, ищите ту самую скрепку. У плагина/скрипта одно предназначение: сигать в разные стороны и давать отвлекающие подсказки. В общем, покажу, как его ставить, а нужно это или нет - це не моя справа. Наличие в блоге библиотеки jQuery обязательно!

Как установить
.
1) Скачать скрипт плагина, положить на хостинг и линк прописать в тело поста в соответствии с правилами разметки веб-страниц:
<script type="text/javascript" src="хостинг-трололо/jquery.clippy.js"></script> 
Внутри скрипта я поставл ссылку на картинку со скрепкой - icon: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJRHUVHTOUWKttYna9jsFvFNIJtO7KPi8xpfetErlyeYoNMZcgpNZlNGIj7x5Pt9iGv0dKnBUT7rLiLFvbw-TuBz5MdmrDg8Es7JNc8k6o3xwdc1S7Ijtk_RxoCPC6TSHC8fvww7ZQgrU/s1600/Clippy.png'. Рядом настраивается самая первая фраза скрепки, с которой она появляется на странице: initialText.

2) Стили. Тоже качаем, сохраняем на хостинг (атуально для Blogger) и тем же самым макаром пишем ссылкой:
<link type="text/css" href="хостинг-трололо/clippy.css" rel="stylesheet" />

3) Скрипт настроек:
<script type="text/javascript"> 

   $(document).ready(function() {

    $('body').addClippy({ 

     // Should the initial position of Clippy be randomly chosen?

     initialPositionRandom: true,

     // Should Clippy be relocated when you put the mouse cursor over it

     relocateOnHover: true,

     // How often to change the hints (in ms)

     hintChangeTimeOut: 8000,

     // Hints to rotate

     hints: ["Ленин с нами!", "Хочешь быть передовым? Сей квадратно-гнездовым!", "Трудовые будни - праздники для нас!", "Животноводство - ударный фронт!", "Высокая революционная бдительность - залог победоносной борьбы за коммунизм.", "Сталин - это Ленин сегодня!", "Партия сказала: надо! Комсомол ответил: есть!", "Была Россия царская - стала пролетарская", "Выполнить план - долг. Перевыполнить - честь!", "Комсомол - кузница партийных кадров" ],

     // A function to execute if Clippy is clicked

     onClickDelegate: function() { alert('LOL'); }

    });

   });

  </script>
Скрипт уже в готовом виде, можно запросто скопипастить на страницу блога.
Опции:
-- relocateOnHover: true - менять положение скрепки при касании курсором мыши
-- hints - в кавычках и через запятую перечислены подсказки для скрепки
-- hintChangeTimeOut - таймаут смены подсказок (в миллисекундах)
-- alert('LOL') - фраза, которая появится при нажатии на скрепку



Источник неизвестен.

Что ещё интересного?
Летающая птичка twitter
Счётчик скачанных файлов для Blogger

2 комментария:

  1. Весёлая штучка, только нужно навести именно на скрепку. Если навести на сообщения, то эффекта не произойдёт.

    ОтветитьУдалить
  2. jQuery для такой мелочи - дикий оверхед.

    ОтветитьУдалить