|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 Z( {" m$ m0 T9 a' ?
4 Y9 e0 W6 h; L5 h0 O: s0 t
第一步:把如下代码加入<body>区域中
9 z& x5 q. E2 {9 l" H <script language="JavaScript">1 ?; [; a' b$ ^9 q4 F6 b
. E5 ], k' }4 A: z* F4 b6 ?/ Zfunction nextSize(i,incMethod,textLength)
% A0 U. ?4 L2 @2 V3 T4 C) Y{
6 u- ~3 h6 K- z, Q) l3 A1 o4 Vif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
$ o2 d* b9 [' q% l, m4 Fif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
$ X$ C; u- h9 U3 u/ v* b( \! B}
3 y, E. E& t% k, u! E* @4 E) W9 C p1 L
function sizeCycle(text,method,dis)
4 r% D4 l6 @% i% w* r, [, j$ {{
9 K$ O J5 n8 ]# \% E% N0 H output = "";
1 s0 \) ^. l+ b% x b- q for (i = 0; i < text.length; i++)
) e9 Q ?% |" P( n5 i& {4 ^8 k. Q' O {# p C. p! d9 s& J
size = parseInt(nextSize(i +dis,method,text.length));/ N/ T% R) V5 j: J2 w. ^2 b2 P
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";% _8 {0 h" l: f2 _
}
* D4 f U( n# l; {9 {9 c theDiv.innerHTML = output;6 H; }. H! t- v" P, N* c; `
}2 m) n3 I0 s8 t; |- |
4 ]) g/ ]$ F3 |+ x9 X9 _, ]; E- y
function doWave(n) % z- b+ [2 [, f& q* Q+ `2 B
{
; k8 O8 N% ?3 n( O! h theText = "JavaScript";
1 M/ M& e3 L; P; I1 \+ l sizeCycle(theText,1,n);, b! w! y. K7 i) o
if (n > theText.length) {n=0}
$ f4 f( Z5 E3 m% Q( L! C g3 W setTimeout("doWave(" + (n+1) + ")", 50);
m' e+ Q m5 O* D/ f}7 \1 u4 p- R; X9 \
</script>1 U8 ^+ ~ S8 f- W- E
<div ID="theDiv" align="center">
9 u9 w4 Q. O' {8 E. v
! E- O2 n$ i& u+ E</div>/ T5 X3 V/ {$ o7 v, _( T: c* g
2 T; t4 p6 l' o& m1 Y
* Y* y4 k3 j/ K4 ^2 l9 d+ g% V
- h/ f1 V. g/ R, ]! e* O
' d5 g% n# C2 Z7 C/ \* }第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|