|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
& S. Q: h/ Z+ y. A' C+ Z4 M. W; ?5 k
8 d. I; h* A# g$ j( f; o$ E第一步:把如下代码加入<body>区域中
. T4 _, K5 n) ^% i ^! I# z b <script language="JavaScript">
! _: [% y( R8 {, E6 G' w. V' K: M7 F4 S* X6 ^
function nextSize(i,incMethod,textLength)! V H% c) S, u& _2 I: W4 D
{
* R6 J+ G- H3 C( y# e- M- Cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );. d: g; k7 P, _6 @+ m
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
0 M. N3 [# M9 A}
; D5 Y% \/ L( T
0 G* i! E( E4 k: K, s1 B1 Yfunction sizeCycle(text,method,dis)) Z' _( |; o" u2 F, o$ ~
{+ A5 P5 L. R! K. C3 h
output = "";
, j% x+ j2 X) O: V4 Y% ` for (i = 0; i < text.length; i++)
8 ^, z' _- o0 Y {3 X4 B; \) F4 S! A% F
size = parseInt(nextSize(i +dis,method,text.length));
% N( s* X/ `: c( R% | output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
. L& B/ V" B1 `! Y6 `7 P }$ {* [5 S- k. ]5 y J' C1 ^9 }) b
theDiv.innerHTML = output;
. F. U: ], P& C9 N1 N/ x}; r0 m( b7 @+ x/ V0 X" T% I5 C$ Q
" T5 H% L/ H$ k6 a! k
function doWave(n) 4 g8 M ?! P" x4 l6 V, S) `. Y
{
$ t8 B7 s; ]3 m& L D" Y theText = "JavaScript";
3 `* H- g; l, @1 K9 _ sizeCycle(theText,1,n);
% w% Z. N4 o/ {. L7 ^& C0 W. y# v if (n > theText.length) {n=0} P1 `7 Q4 A" f6 k& B" a
setTimeout("doWave(" + (n+1) + ")", 50); M1 T6 ~' Z7 ~6 y; i
}* M5 ]+ \( O8 g+ X; R8 T2 v: A
</script>. v7 M: C* w/ y9 Y3 v
<div ID="theDiv" align="center">
1 t) m' A. A6 e- A) q4 v4 t7 S: {8 R( L/ y7 o
</div>: f: ]% F. D, R8 q# J h& B7 S S
4 t- H; l5 {0 J2 j7 ^) W
+ F' l) T* u6 ^8 I/ u
: I9 O8 w# ?8 o . V/ f& x. m& [% Y8 j9 X
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|