Анимиран изскачащ текст
В този урок ще разгледаме как да създадете анимиран изскачащ текст. Понякога трябва да се уверите, че текстът не се появява просто на страницата, а постепенно, плавно или обратното бързо, но само след като страницата е напълно заредена. Може би просто трябва да подчертаете част от текста, така че потребителят да обърне внимание (имам предвид страницата за продажба или страницата за заснемане). В урока има няколко вида външен вид, така че можете да изберете този, който ви харесва най-много.
По отношение на избора на текст имаше и урок - Как да създадем въртящ се текст.
Пример може да видите тук:
Вижте пример за изтегляне
Как да използвам?
HTML част
Трябва да изтеглите jQuery ( тук ) и плъгина jquery.flipping_text.js ( тук ) и след това да включите:
HTML кодът е много прост. Просто трябва да зададете конкретен клас, например за заглавката:
jQuery част
За да използвате плъгина на страницата трябва да добавите следния код:
Плъгинът самостоятелно отчита броя на знаците. Помислете какво представлява всяко от тези свойства:
- tickerTime - задава се в милисекунди. Определя колко бързо ще се появи буквата.
- customRandomChar - това свойство ви позволява да зададете персонализиран набор от знаци, които ще се показват преди появата на всеки текстов знак. Можете да проверите това в Демо 4.
- tickerCount - определя колко знака да се "пробват", преди да се покаже желания знак от текстовата последователност.
- opacityEffect - способността да направите символ, който току-що е изглеждал размит (сив). Той приема стойностите "false" и "true".
- resetOnChange - позволява ви да запазите колко символа са се появили, когато потребителятщракнете върху друг раздел. Може да приема стойностите "false" и "true".
Интересен текстов ефект, който може да се използва както на страницата за продажби, така и на страницата за заснемане, за да привлече вниманието на потребителя 🙂 .