Toва с JS ли е направено?


0
Tия самонаписващи се буквички как са направени? http://www.google.com/trends/hottrends/visualize



Отговори



1

 Да може да погледнеш това.

http://www.dzone.com/snippets/javascript-auto-type-text




0
Мерси за бързия отговор,мислех да не е някой нов номер с CSS .

от gibson58 (0 точки)


1

Достатъчно е да инспектираш елемента, който съдържа текста. В dev tools се вижда как се започва от празен стринг, а след това се допълва символ по символ.

На всичкото отгоре javascript е в суров вид и лесен за дебъгване/четене. Символите се добавят във функцията Pane.prototype.addCharacters (Wiper.js:187) с различна скорост за всеки символ (Typer.js:12), която се забавя за главна буква или неримска буква (цифра; японски, китайски, арабски символ ...) (Typer.js:42).

Премигващия курсор представлява тесен (width: 0.02em;) span.beam елемент с бял фон, който сменя своето opacity през половин секунда със css анимация (style.css:206) наименована blink (style.css:135).


от dsbonev (1234 точки)


0
Мерси за подробното разяснение.JS-a не го разбирам за момента и за това попитах за да съм сигурен,че не изпускам някой фенси ефект от каскадата :) Иначе огнената буболечка ми показа как се смонаписва маркъпа,като с магия ;).

от gibson58 (0 точки)