Теги

Комментарии ()

    +
    T
    >

    vrtpr | ViRTuaPRinter | Виртуальный имитатор набора текста

    /* Превью

    В общем написал по быстрому имитатор набора текста на клаве, гора тех что есть не совсем мне улыбнулись(

    */

    Важные достопремечатильности этого скриптяцкого, %USER_NAME%, это во первых простота, копировал вставил код, и заработало, ничего подключать и скачивать кроме jQuery нит необходимости.
    Основная фича, это то что при вводе каждой буквы задаётся случайная задержка, что делает эфеект как будто текст набирает человек.
    В дальнейшем хочу ещё добавить отдельную задержку перед словами

    Юзается и настраивается предельно просто, вся магия в js, в css только скрываются блоки, буквы перед их показом, и анимация для мигания курсором.
    js работает так, каждому блоку где нужно сделать эффект набора текста, нужно добавить класс .vrtpr, а через атрибут data указать необходимые параметры, или не указывать) если блока 2, то перед началом печати текста во втором блоке, первому можно задать задержку атрибутом data-vrtpr_d="1800".
    Если текст после того как напечатали нужно удалить, например чтобы вместо него напечатать другой, то нужно добавить 2 блока с текстом, первому который удалиться добавить класс _delete_, а второму задать задержку перед печатью.

    Далее собственно код, с гитшвабры