|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
! s/ @6 f: y# O% F% x ( z. Q% J! z. b# P) G0 p# N
第一步:把如下代码加入<body>区域中0 o) L3 Z4 E* T2 i4 E
<script language="JavaScript">) V; X1 j, v/ X8 |2 Q) E. J W* {
5 C* o9 G& N* e
function nextSize(i,incMethod,textLength)
1 }5 _0 W" e) ?6 E2 N# c{
+ \8 J D' q4 h( T0 Nif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
. P% y! V5 \- Z+ b7 xif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));) \4 n/ p" F; ^1 @/ H& Q g
}5 u# v# {* P; t9 @' B* M5 l
3 g7 P# y2 n2 ~* F7 X0 M# q. D: S
function sizeCycle(text,method,dis)
2 w5 i; l9 V5 ?$ c" ^1 I{
2 r5 h( s W! C; c( ]9 V* K, u output = "";- \: |/ s& N' M4 S4 h- M
for (i = 0; i < text.length; i++)8 v& W$ O; u& ^3 L
{9 ^2 t/ ?! y G0 l' Y3 k
size = parseInt(nextSize(i +dis,method,text.length));6 w- s& `; D; f9 g9 e; e2 M
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
! O5 w& J& v' _0 j }8 M! Q. j4 v& a
theDiv.innerHTML = output;
3 m: H6 l/ w* V6 U. q}
1 _7 C' i7 e5 [" S, h6 X# P+ b# ]
function doWave(n) 3 o+ ]' x B, d7 l @" Z x J
{ ' i5 r. X: t k/ [
theText = "JavaScript";) E& U- @8 E9 Q) G1 A: `$ ?
sizeCycle(theText,1,n);0 s2 X* u7 }, W/ y* G4 x, F7 C
if (n > theText.length) {n=0}
( s( u6 P) Y; M1 {, b: w" X. n setTimeout("doWave(" + (n+1) + ")", 50);
7 G/ y7 u% E/ o+ Y& M( `2 V3 f, ?8 i1 S}
1 O. x2 |! t4 }7 d. @/ M" q5 ^</script>8 L9 p9 w& z' {
<div ID="theDiv" align="center">
7 q6 I) L% g5 A" ~9 E7 g+ w$ x; R5 J
</div>2 h, y- C5 p8 o0 X( l
: v, v K) K" W: {! |. K3 u; i8 Q) D- D! G& Y, y& x+ f
7 Y/ k4 Q$ A. g7 I. P9 J
5 ~! J+ O0 S* s) d+ Y5 B d4 V
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|