返回列表 发帖

网页之奇特的文字变化特效

脚本说明:
" D' |7 w4 A7 W& e) U
* }: ^; [5 r2 J# @- N第一步:把如下代码加入<body>区域中
7 R& k2 q9 F: L# X! Q6 U9 { <script language="JavaScript"># f2 ]1 m  y' |$ K. i
+ l! {; r  E" V; `
function nextSize(i,incMethod,textLength)
2 N5 L% e% q1 r4 v! h- t3 |+ l& ?6 i{2 b5 P  ~  L& c  Q3 S% H
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );3 T, l# F. t  O% c6 D6 v! t2 t/ v
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ A5 }! [, S( M- G; k" p( U6 S0 W}. ~7 [) n& }  a& t8 f

4 D" v- B  _. ?; M+ U. Ufunction sizeCycle(text,method,dis)$ w2 c6 Q$ l  l" o( l& G& R
{
% J7 Y1 T" V+ i        output = "";: C& p6 C# A; ~
        for (i = 0; i < text.length; i++): p1 r8 R; V0 n% D* L' a, j) w
        {
  ^3 ~$ w9 s2 z" l; I  O1 ^4 o                size = parseInt(nextSize(i +dis,method,text.length));
. k& C" J7 ~  {/ O                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 h4 d8 F: A, Y" J8 ^( U# |- \: N        }
3 C1 h0 l4 M4 w3 c( z7 o        theDiv.innerHTML = output;
' i7 z$ @7 ]- L7 R  D9 x}
0 x: ~- q* N+ r8 ^( W# d  Q" p* M2 {) y1 t& G
function doWave(n)
  q$ a  |1 _1 Y. o& ^{   
; h( ?4 i0 U* p8 T        theText = "JavaScript";/ P( T* t6 ~7 C( M8 E
        sizeCycle(theText,1,n);
2 S& O/ ?5 h3 X; v/ M. Q$ h        if (n > theText.length) {n=0}
) P# O& y0 L4 d6 }7 {6 Z* I        setTimeout("doWave(" + (n+1) + ")", 50);! F0 I6 d; M7 A9 R6 Z; ]' T1 S
}
! I0 f& t; {+ {; D) q, o</script>" E- k, P" H' A2 q: z% `  n
<div ID="theDiv" align="center">" Y; I6 z8 P2 s# V( B: ?

4 O. p9 h, s& U- Z' ^3 d9 s</div>4 Z! y+ K4 {  A/ }9 D
; Q% Z* S) f5 P4 O; @' o
  G; b- E9 e3 u- j8 _
8 |% g3 \$ M* a+ J9 D& c( t6 c

, w) J) O0 W' d3 d% X7 y第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

返回列表
【捌玖网络】已经运行: