|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: : B% s' i7 A! p- m
4 T7 `- ]$ Z( A* _3 B" y第一步:把如下代码加入<body>区域中
5 f$ n& X) z: g2 r8 q6 F% Y <script language="JavaScript">; p+ o+ H3 E5 _, i
6 }6 \. T# S% ~* h* B9 S0 q0 w
function nextSize(i,incMethod,textLength)
9 _3 ^7 Z0 h& A' P; V4 d4 l{% {0 L1 L2 v* ^* E" Q4 ]5 j* Q
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );2 B. h9 V2 F* b9 u; F
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));; E4 R* h5 u& _. b _& X; P6 o
}% @6 H, y6 ~ T9 J
/ S7 I) ^6 Y! q1 X( P: efunction sizeCycle(text,method,dis)1 E, q6 w; f! j# W& n- j
{
1 {0 o1 {; d) I- n' W output = "";
8 T8 I( {" {6 q& Y+ Q for (i = 0; i < text.length; i++)
4 o, Y# R6 o2 o) z9 t0 z1 q( s {* W3 B+ _0 F A; Q( S
size = parseInt(nextSize(i +dis,method,text.length));
' P7 Z. z$ P7 t- X0 a: m" \0 P output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";! y( P2 ~8 n' T: M" M" z" Y( U! `
}( o: I3 f7 W; R5 b* X
theDiv.innerHTML = output;$ q) {3 ?0 g+ | f7 t
}
. @# F0 T- \* F5 T" `) c5 ^6 `$ N
! ^$ _, w" ^! E7 K' D/ Ofunction doWave(n)
- R, }: [9 B9 k8 v4 _{
7 ?" |: Z0 @! t6 |8 }+ X theText = "JavaScript";3 ?, L1 o# n- H! }0 i
sizeCycle(theText,1,n);$ h! i, `3 z7 F, |8 c/ X4 @
if (n > theText.length) {n=0}* f% }3 Y _& M+ x
setTimeout("doWave(" + (n+1) + ")", 50);( n; Q, m! s3 |2 l
}; v$ @" i( O" T) N- |
</script>" F+ f( ~1 }- f# S/ l( r( q
<div ID="theDiv" align="center">; f! s" W3 [1 @" K t3 ^
; N ]4 z8 _: d- a. R</div>& O9 A; u/ I, i7 S
" }5 y$ H( R# h
4 m( d4 a) A% p! `0 x1 V9 o
! f* W: o4 ~$ k9 Y6 c) }& [
' @4 ^7 W" |" F
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|