jQuery

【jQuery】1文字ずつ文字を打ち込んだように表示するjType

April 19, 2017
jtype

jTypeは1文字ずつコンテナの各文字を打ち込んだように表示するjQueryプラグイン。

HTML

<ul id="unorderedList">
          <li id="box1">Lorem ipsum dolor sit amet, an odio accusam sit. Veri eripuit id vix, has consetetur adversarium at, tibique incorrupte dissentiunt qui ei. Ei vim iisque recusabo, ad fugit voluptaria usu. Ea eius rationibus assueverit his, ad his quis libris. Eam no labores molestie, eu quodsi petentium pri. Mea id feugait dissentiunt, cum eu tale altera ceteros.</li>
          <li id="box2">Lorem ipsum dolor sit amet, exerci ancillae in sed. Veniam recusabo explicari vel eu, ut vix regione aperiam nusquam, est elit qualisque neglegentur et. No has novum numquam fierent, laudem argumentum cu his. Nemore discere veritus cu mea, in dicat philosophia suscipiantur eum.</li>
          <li id="box3">Lorem ipsum dolor sit amet, an odio accusam sit. Veri eripuit id vix, has consetetur adversarium at, tibique incorrupte dissentiunt qui ei. Ei vim iisque recusabo, ad fugit voluptaria usu. Ea eius rationibus assueverit his, ad his quis libris. Eam no labores molestie, eu quodsi petentium pri. Mea id feugait dissentiunt, cum eu tale altera ceteros.</li>
          <li id="box4">Lorem ipsum dolor sit amet, exerci ancillae in sed. Veniam recusabo explicari vel eu, ut vix regione aperiam nusquam, est elit qualisque neglegentur et. No has novum numquam fierent, laudem argumentum cu his. Nemore discere veritus cu mea, in dicat philosophia suscipiantur eum.</li>
</ul>

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="jType.js" ></script>
<script type="text/javascript" src="script.js" ></script>