|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ L" H( H2 U3 @6 ]. S9 p$ \
4 L3 o5 J; q% j: `6 O/ C第一步:把如下代码加入<body>区域中
- d0 c3 [' t9 U$ C% h <script language="JavaScript">4 p; @) w7 [3 C4 M3 \% C
. M2 [- S! I3 {* R. l X& g
function nextSize(i,incMethod,textLength)6 H4 v L) G0 s1 `2 U2 M- w4 k _3 _
{
! r2 [3 ?) U, g. `- n1 i. \if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 s: p- ^. g7 I; n2 W& Y z
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));8 r Y6 S0 H: h! {0 M3 L. }) j
}
$ r" z* s$ H! [+ L8 w
$ u& r" L9 R8 Q/ _( Nfunction sizeCycle(text,method,dis) w: j/ W4 g9 B
{
* @; M# j8 |# x output = "";
- f3 r% @. H) d- o s! {. ` for (i = 0; i < text.length; i++)
* C# w4 @% A/ B" p7 C5 z( E {: J. J: {3 r" Y8 J
size = parseInt(nextSize(i +dis,method,text.length));
6 `9 |& z! v. e' H* j% c/ m6 j output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
" B& |! v i' u, @7 b }
) E! I2 l5 _8 E- `2 Y- w+ A5 r theDiv.innerHTML = output;
5 H' U u& \( i2 j$ D6 {0 C}
/ j% E( w5 S' I2 }0 C* B( }- Q% Y. r
function doWave(n)
6 m$ V- T' m; m x% y{
3 E& ^6 h8 ~: E s theText = "JavaScript";5 [ x; O2 j) G0 C- c
sizeCycle(theText,1,n);
/ u) A; Y4 D# f' |2 c; J% { if (n > theText.length) {n=0}' T. n |! h- ]1 [% s; z
setTimeout("doWave(" + (n+1) + ")", 50);) K* y1 z1 ^3 I. F; F! D
}1 j3 E3 L) I7 r# d4 F6 H5 ^
</script>2 [9 w- d- b" N
<div ID="theDiv" align="center">, ~. W7 d9 l3 f9 h
4 Z" @1 E( |3 L3 u) y- O) t
</div>
; J) e4 D8 y- b( z" P: L% ]
' }! ?3 B6 l; m( {: E
, {: V+ I3 ?, k- C$ X: C
4 @! z" V0 m1 P; _0 ` 3 f0 [( D7 O0 q! n/ g: H, v; a8 d+ P
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|