|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 ?9 p" c# ?( y
5 y' K0 F0 ]& x. A9 v! A" C
第一步:把如下代码加入<body>区域中. v' P6 }# ~* Y t
<script language="JavaScript">
* v( T& ~' F6 ^8 E* Q
: `% k1 _+ F1 d y6 b" Y3 \& ]function nextSize(i,incMethod,textLength)
) m5 }( I- S/ a- j) w{
/ r, g6 T/ ~( H2 r6 Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
( I F- E9 t% X6 A) `- Sif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
- ]- I+ n w" I) I% a}
3 S* m/ D* T* {# h9 M' d# o+ B
. F3 W- J6 Z; i9 D0 ^% |function sizeCycle(text,method,dis)
! B d' ~; ]+ r; j{
9 p( Q. l: z3 U4 I+ Z0 t/ F7 A output = "";
% A O- h! l# ~3 S4 Z/ Q for (i = 0; i < text.length; i++)
$ y) {5 n* X6 ^( p, T. f# z {" l2 |) @# {: X" _4 e- T9 Y
size = parseInt(nextSize(i +dis,method,text.length));
, Y6 D- [0 t) j& b6 M! J } output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
1 @2 A6 Q! h; I8 C A+ V }
( ~1 O# _6 x- h' l E& } theDiv.innerHTML = output;
2 S1 N: P- {! S) _1 l* q1 w$ ]}2 w2 j/ [( w `3 ?
% l( M2 ^% v* z, L: Z! P+ \
function doWave(n) $ a4 Z/ l% S+ G8 p8 I( x5 }" \
{ + C% k$ N2 l3 N! v
theText = "JavaScript";
. [& T# V } j7 S8 F sizeCycle(theText,1,n);; \2 c7 A) e6 O. r8 P% w% ^( G
if (n > theText.length) {n=0}
+ f% o, l/ z" r4 G setTimeout("doWave(" + (n+1) + ")", 50);6 r$ ^( B# F' s6 x9 |( k/ H
}( k6 q; J) V& y9 R- Q
</script>( p5 V$ [- `2 Z/ j( ]; F4 `
<div ID="theDiv" align="center">) J6 n) O: `6 v' ~: U
+ j" _! H! V2 _2 o1 f4 U: J
</div>- O7 R( t/ S1 s1 \* ^
3 p5 l+ [" J2 F, T
% M- T9 |% I, z q1 p, o$ q
; d5 Y- x( X# Y! D3 \* { M , o8 x# j# x' F' `; ] W* r
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|