|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
1 W; C5 ?6 V7 {9 F: o& A- h8 n / E* N5 M- i4 v9 u# d' w
第一步:把如下代码加入<body>区域中* j8 E( T2 D5 j( v& f
<script language="JavaScript">
5 Q' U+ d C" ~$ A
" r2 L* G' o% u4 y, _/ l1 n; [function nextSize(i,incMethod,textLength)
5 s* C* w G% |2 f) F& E) `: |1 ~ b{4 ]. e% o N* c4 R. ^8 U
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );# [6 ~# {% h w1 y$ ?
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' y! V) e& N$ }, [. _6 X/ {, `}
( n6 x3 B: Y4 L- x
! n* b6 @0 ?5 ~function sizeCycle(text,method,dis)
4 l! Z% P1 h0 S{
5 C; c$ f M5 l$ k" h# A output = "";8 J; V% E2 \+ T" T
for (i = 0; i < text.length; i++)* I( ` @8 g: H" k2 M- R" h
{
' r. T/ Q. t- R2 }/ m6 d; W size = parseInt(nextSize(i +dis,method,text.length));
( y9 O& a; ~, Z4 _0 A output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
+ f3 A3 z+ a Q }
# B# X5 F: @) b* w( d h theDiv.innerHTML = output;' c) n& X! W. B. l+ s' C+ V9 j
}
) l+ J6 ~1 f4 V1 ?' ?- ?. y
% \3 \& ^5 L: r! k' xfunction doWave(n) / i* X Z+ N6 z; k8 E+ Y
{
- j% Q3 |0 w! k+ { theText = "JavaScript";
+ {! Y$ E8 x- e sizeCycle(theText,1,n);% z4 \2 v# f: i8 I+ z
if (n > theText.length) {n=0}2 d% P% }4 ?- D9 F8 u% W* G
setTimeout("doWave(" + (n+1) + ")", 50);
; s- }6 K5 m. W2 n4 E1 R4 \}4 @5 ^6 a6 L+ E. L
</script>
, j' {; M9 g4 q0 A. K& N" h0 V<div ID="theDiv" align="center"> p: i, N5 H& a( D& @4 o
0 ]$ w* d( ~5 t+ j/ \& s
</div>
, }& ~7 x% A; j6 A8 ]
; a: R: c, q2 m; z
6 B: a _9 T( n# b. ]$ h. f
9 R! p3 c" Z) k& G / z" Q3 q5 U z3 @5 l) `+ r
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|