|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
2 M! [+ Z* U* G/ [& u2 ^3 t 7 q3 N- ]7 L! Y, q
第一步:把如下代码加入<body>区域中
$ _" O! T* o+ ]$ |; q' C5 |( [ <script language="JavaScript"># e5 t4 {7 b+ W# Z+ k) }' z1 k2 L
! M' Y' R$ [3 D% h9 i( G) o
function nextSize(i,incMethod,textLength), U' o# z! y" w( R' e/ Q& Z: d
{( y& H, T9 S0 v
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );& d: q3 |) }- M0 _* `1 w
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
, `, d0 m/ |' J% l}7 a) K: s& j. u2 R# _1 N! d4 `
8 l- `( R' ~* `2 ]& K
function sizeCycle(text,method,dis)- n* J7 r! E6 f! |9 B$ u0 y
{
6 K7 M/ W* C; j( M5 `' i/ q output = "";4 {! d) i/ i9 T! u. Y+ U4 W, d
for (i = 0; i < text.length; i++)
& {( ~3 m! Y6 Z* h {% M7 P0 A7 f1 f9 g0 D
size = parseInt(nextSize(i +dis,method,text.length));: e0 B5 E9 x+ [- J# W( ]. \- ]
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";5 ]7 O, l2 ]5 Q3 |; }# E
}
: R7 m' Z* m: a% D+ v. S theDiv.innerHTML = output;
, S+ B9 S( h( @}; {6 U$ w4 a0 s( ~" O K
, }2 |( i9 E, f& D: r! [) r
function doWave(n) * j2 H9 b: W7 d- q0 K
{
8 {! b/ |5 L9 W% n7 y1 {! W. ~ theText = "JavaScript";* l( z( ~* k2 L; L0 E1 `6 R( L8 S
sizeCycle(theText,1,n);6 T2 H- J0 _) a" U1 p# D
if (n > theText.length) {n=0}
( Z6 u$ h! r" g3 s9 w$ d( Y% P setTimeout("doWave(" + (n+1) + ")", 50);7 Y5 |1 B; ?* |% S8 K& h
}7 e( z) `. W1 ]3 L" s/ t: }, g$ u
</script>
3 |+ s5 x8 n+ Q! [$ W a3 l. h: Q<div ID="theDiv" align="center"># b- E9 G" z- p& ]( ^
: M: f" \. v5 t3 R
</div>
7 ?* A# v8 P7 Q; ?# @
9 m5 {" J3 r5 n( x: Q% v7 c! I% S7 M( i1 Z+ h, ?7 M2 [. e( R4 p( n
* C7 Q: I; D( q3 y& Y / M" z8 w! h7 @& u' B/ Y2 A+ S' J- m. c& w
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|