|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 5 n0 F( S/ k/ D, S4 K$ f
& I2 c7 x( R \: ?
第一步:把如下代码加入<body>区域中% d/ q0 W/ r, i' R' Q
<script language="JavaScript">
4 `+ R% N9 |2 V# h# r' n" R9 e0 i* b5 p: S
function nextSize(i,incMethod,textLength)& U+ M) j8 T8 \% t! Z. A4 o6 ?
{
6 Y) H9 j6 X7 f# `$ S$ f5 W1 u% `5 _if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );4 g. ?# y0 K0 I5 u. Y" P. x
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 L( u; L% ?0 u) b$ E/ r}9 m9 {0 P4 K3 G! b$ M" F
+ I5 O& Z- x' q0 F# ^1 u+ `/ F/ ?function sizeCycle(text,method,dis)
( o4 Z0 t7 p7 X8 B/ n{
& j" R) M, } H output = "";
4 Z" `7 U! D8 w" B8 l for (i = 0; i < text.length; i++)
$ J5 I; O0 v4 Y! K( n {
; l' P- @, D f* k$ W$ U size = parseInt(nextSize(i +dis,method,text.length));$ B/ L( x9 _( x6 C
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";' N; n. I' p9 m2 p! f( l1 X F
}: v+ i5 }( \( I
theDiv.innerHTML = output;8 q6 [& z! e. G3 N, z1 p
}
# n+ i$ P1 A4 C/ v) E3 c9 M( I
$ p; f) |9 b D6 g# [ B* G* c2 Y" o2 W5 cfunction doWave(n)
/ l2 {1 a8 M; ] E) P+ ]{ 0 D9 x; o3 i- |& \8 s5 Y
theText = "JavaScript";4 |6 S" O/ n# v: M4 m' N3 }% d( J, j
sizeCycle(theText,1,n);( e; H8 P3 f7 p% S+ f' w, _
if (n > theText.length) {n=0} o0 G6 [# H! G# i/ j
setTimeout("doWave(" + (n+1) + ")", 50);3 J2 b$ m; U% G0 g2 f2 L" T$ `$ j
}1 Z* Y% u0 Y) c5 ]( W' [
</script>7 T0 B6 ~: N+ I" d1 N' V, [2 o. L
<div ID="theDiv" align="center">
4 e' o( f3 A! F: _; a7 @8 q! e e/ K' `
</div>
T0 v" i) o; H- v, C( @( u, ] U7 R8 _8 y
+ l, |( V v# h8 S5 N$ U" z6 W$ E1 t
; m; w7 y' H# x
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|