This article illustrates the implementation of jquery typing effect. Share to everyone for your reference, specific as follows:
The screenshot of the running effect is as follows:
Click here to view the online demo effect.
1. Front Page code:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
2.jticker_split.js Script code:
Copy Code code as follows:
Eval (function (p,a,c,k,e,d) {e=function (c) {return (c<a? ': E (parseint (C/A))) + ((c=c%a) >35? String.fromCharCode (c+29): C.tostring ())};if (! "). Replace (/^/,string)) {while (c--) {d[e (c)]=k[c]| | E (c)}k=[function (e) {return d[e]}];e=function () {return ' \\w+ '};c=1};while (c--) {if (K[c]) {p=p.replace (new RegExp (' \ B ' +e (c) + ' \\b ', ' G '), K[c])}}return p} (' (3 (m) {5 b= "Z"; 3 h (n,o) {2 (n>=o)? h (n-o,o):((n<0)? h (N+o,o): N)}3 K (p) {5 q= P.U (b); 5 o;17 (5 n=0;n<1b;n++) {4 (!q.f[n)) {O=n;16}}q.v=h (q.v| | 0), O); q.10=q.v;q.y=[q.10];q.d=0;q.v++}3 l (o) {5 p={q:o.1k (). G ()};5 N=O.N (); 4 (n.7) {N.R (3 (q) {p[q]=l (M (l))}); 2 p}6{p.x=o.x (); 2 p}}3 E (p,n) {5 o;4 (P[n[0]]) {4 (p[n[0]].x) {2 p[n[0]]}6{ 4 (n.7==1) {2 k}6{o=m.t (n); 2 e (p[o[0]],o.1e (1,o.7))}}}6{2 8}}3 d (n) {4 (n.7>1) {n[n.7-1]++;2 n}6{2 8}}3 g (o,n) {4 (n===8) {2 8}5 p=e (O,n); 4 (p===8) {2 G (O,d (n.x)) 0,n.7-1 (}6{4) {p===k g (n[n.7]=0;2) O,n}6{2 C (n}}}3) {5 r,q,n,s p,o;5 (). 1c (n [0]); 4 (!n.7) {2{p:r,x:q.x}}6{4 (t.7) {o=t}6{o=q[n[0]]. Q.1H (R)}}p=m.t (n). X (1,n.7); 2 C (o,q[n[0]],p,s)}3 I (n) {5 o=n.u (b); M ("*", N). G (); n.g (); O. H=0;o. E=0;4 (O.W) {w=0}}3 A (n) {5 o=n.u (b); O. H=o.e}3 J (q,n,r) {5 o,p;4 (r.w!==8) {r.w=h (r.w+1,r.z.7); r.9.u (R.Z[R.W))}6{r.9.u (R.z)}o=r.d-r.h;p=r.x.18 (o-1); r.9.19 (p); 4 (R.D>=R.E) {r.9.s (); R.y=d (R.Y); 2 f (q,n)}6{2 V (3 () {4 (r.b==n) {r.d++;j (q,n,r)}n=w},r.a)}}3 F (o,n) {5 p=o.u (B); 4 (p.b==n) {p.y=g (P.F,P.Y); 4 (p.y===8) {2 V (3 () {4 (p.i&& (p.b==n)) {k (o); 2 F (o,n)}n=w},p.c)}6{4 (!P.D) {I (o)}6{a (o)}}m.o (p , C (O,P.F,P.Y));p. e=p.e+p.x.7;p.p.1l (p.9); 2 J (O,n,p)}}m.m[b]=3 (n) {5 p=m.o ({},m.m.z.y,n); 2 L.R (3 () {5 o=m (L); O.U (b,{a :p. A,c:p.c,f:l (o), 9:p.9,z:p.z,w: (1f (p.z) = = "1m")? 0:8,v:0,b:0}). J ("1j", 3 (r) {5 q=o.u (b); q.i=8}). J ("3" (r) {5 q=o.u (b); q.b++;q.i=k;q.v= (r.11| | Q.V); K (o); F (o,q.b)}). J ("A", 3 (r) {5 q=o.u (b); M (). O (Q,{v:r.11,a:r.a,c:r.c})}). N (). S ()})};m.m[b]. Y={a:1d,c:12,z: "A", 9:m (\ ' <1i 1a= "9"/>\ ')}}) (1g); ', 62, 85, ' | | return|function|if|var|else|length|false|cursor| | | | | | | | | | | | Data|nextitem|cursorindex|text|elemindex|cursorlist|rate|eventindex|delay|charindex|sum|content|empty|start|running|bind|true|this|fn|children|extend|readout|elem|each|remove|makearray|html|settimeout|null|slice| Defaults|ticker|currentitem|item|2000|play|_|control|break|for|charat|before|class|200|eq|40|splice|typeof| Jquery|appendto|span|stop|clone|append|object '. Split (' | '), 0,{})
Full instance code click here to download the site.
I hope this article will help you with the jquery program design.