|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
, n6 U8 K; L4 Q- d y
7 ^7 o: Y3 N% J- O第一步:把如下代码加入<body>区域中
4 g* n, ]- T; Q; k. H <script language="JavaScript">- p( ~& r M( D- p5 H/ v* ]
1 ?4 Y3 Q. Y s5 M( R! j5 G' Kfunction nextSize(i,incMethod,textLength)
# }! N) x+ F6 b' c& t+ V0 L) R% K{* ]2 J8 R) u2 ?! S
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# ]& G4 m& y6 e b# qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));: t \* t, }, z8 f# ^0 R- u
}& F- y$ X& b. |6 X: g0 d" |$ j- a
# @: I/ a+ i0 v7 S+ h6 N$ u: bfunction sizeCycle(text,method,dis)8 u7 C! @4 v+ e- ?
{
+ [: n" H& f4 N% `7 s# i+ Z output = "";
5 x! [1 Y4 V8 t+ X for (i = 0; i < text.length; i++)- E7 u3 v/ F7 Y8 r" r; T( d4 }: ^
{8 g9 Q3 h" m' P% l% e3 \( Q
size = parseInt(nextSize(i +dis,method,text.length));
( }% S, S! }( g1 Z5 x- `# D output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";% ^3 A0 h7 h7 g4 b7 `. d/ Y
}7 Z( z* I, y- p M" L$ k# s! u
theDiv.innerHTML = output;5 v7 w& E) [+ R) Z: n5 f
}
! z8 _) v! S1 Y7 o
% Z& ]/ O3 |3 w( j3 t' Jfunction doWave(n)
. r8 A# q& x. S* b7 @& l! j- Z r5 Z{ ' X3 C5 T/ C- q, ?/ R' X
theText = "JavaScript";+ M" ?+ V2 r$ B& }; l; u
sizeCycle(theText,1,n);. G: p/ O7 ~- z$ w# f: a* p, y
if (n > theText.length) {n=0}) w6 D5 V9 t6 ?
setTimeout("doWave(" + (n+1) + ")", 50);
* A. Y! Q) }1 R& w+ S9 b}
6 b0 M. s8 z5 Z2 Q# m% H3 `6 A</script>* i4 y+ u/ C1 R3 b5 Y9 O u7 F% L8 v
<div ID="theDiv" align="center">
: F0 \, M2 m6 ]/ D8 y0 c) k) M9 X( e5 U% ^2 Q8 x, m' O
</div>) t0 ~* x" J( T5 [4 M# ^- \* z8 _
' S2 c% D9 F3 a2 X
; j b x" k/ M* Z6 \/ D2 G
/ r2 Z, ^6 j; u( K/ z
! w- L/ w# e: _3 |第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|