|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 }* v: r# v$ i3 `4 T0 g1 j- Q
# X5 M: y4 U( ~' E第一步:把如下代码加入<body>区域中
1 c0 ]7 z- e7 e/ h) p/ O$ h <script language="JavaScript">! E: Z2 y* @( ]; z
. t) V, l4 P& g/ u" ]: Wfunction nextSize(i,incMethod,textLength)4 }* h ?( |' J1 u3 V* H
{
4 `0 N9 d9 E8 l( W2 r, Jif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
3 a" s! A! h& h! E& Xif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- \8 Z' t$ G+ ~5 e" P
}
; q- y- m0 ~) F a0 K( C8 \8 a2 l- G5 e$ k
function sizeCycle(text,method,dis) f- T* J! v: p" G7 j) H
{4 M/ G' f' x7 X0 r( d! w0 t
output = "";( D6 @6 @$ r5 U+ S* b/ T, H
for (i = 0; i < text.length; i++). S' x( p7 a& E- P
{- R9 h; l2 S9 s0 K' s% n- _
size = parseInt(nextSize(i +dis,method,text.length));+ s% [5 |* W' d5 Y+ o8 s
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
6 D" v {+ O1 t) a$ @4 H V }# z* x; A; l$ k/ L. ]
theDiv.innerHTML = output;0 P6 k; L9 i; p# X% w
}
2 U. o7 x- h8 ]0 b2 o1 e, _' U7 P, [: ]$ g
function doWave(n)
) s# K. s3 N. [0 p8 |% R# f! S{
$ M1 g5 X& z/ g theText = "JavaScript";. G8 {& X' n; \7 K
sizeCycle(theText,1,n);& A) o9 R( P! w W9 G7 A5 O- s
if (n > theText.length) {n=0}. _5 Y% h; M' _( ^6 s4 G
setTimeout("doWave(" + (n+1) + ")", 50);
7 M4 N+ ], S: h" c$ m}
: b0 o6 t0 i+ ~- V. r</script>
$ C z h2 y4 d; y- M/ L) B<div ID="theDiv" align="center">
# L. ?2 R* b0 s8 Y: l2 q
: r6 J- S" \" O" p9 T) ^</div>! n/ p: ^4 ?, i8 R& d
# [; V7 |1 R1 u I
" C- q2 x( `2 }& |8 u( Y
6 o) n9 H& S0 R- }- k! t# ^. f# W : W' j: b' ?4 z' Q! l! G. M
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|