|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
# P, L+ r* `5 ?' u1 e4 S
( p _/ J+ G: r2 v第一步:把如下代码加入<body>区域中
6 G: f9 g4 Q4 n, t/ m2 E; v. @ <script language="JavaScript">- y/ e0 Y4 c8 G) m1 D' ^
5 k2 c- z/ f ^function nextSize(i,incMethod,textLength)
' T+ [" }, b' x, n: q7 |{
* K& Y! e% Z4 \$ L; X9 Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );2 g# ^/ _6 ]% l& F) P
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 I. d# z* `& ~) `" k}6 N+ z6 l" K/ ^& @" n4 O
, {7 S1 G7 _9 B
function sizeCycle(text,method,dis)( t4 w8 [ O+ M4 m
{. H2 P5 U- n$ X) C9 ~
output = "";& O2 U N! R E
for (i = 0; i < text.length; i++)$ p2 i& Q3 v& r2 E8 Q* k. @7 G
{! x: U; m% P* |7 j" C7 B! x. c& L
size = parseInt(nextSize(i +dis,method,text.length));& x! b2 }+ a2 x8 ~
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& K- G- H- F5 _8 ^
}
8 y3 G8 m& R+ S3 s9 Z) j theDiv.innerHTML = output;+ s w7 L& t0 ~5 {
}$ q; a- s" J6 l* p
8 N9 |: m9 _$ ]+ D. y7 Wfunction doWave(n)
" Q) k) B/ D: W+ e{
/ ?/ _! v/ U8 w+ v theText = "JavaScript";) F1 M9 y9 E7 L! K$ ]( D5 P& @
sizeCycle(theText,1,n);9 X$ C; ^% @ h, l) I6 M# ^6 ]
if (n > theText.length) {n=0}
3 L: Y7 z; W1 x' k setTimeout("doWave(" + (n+1) + ")", 50);
/ k: E/ \8 ~' x) V" |1 X4 M}$ E' ~+ {) V3 L) ^. Q, b5 v1 O
</script> y" f0 Y% M' c. h% E, h
<div ID="theDiv" align="center"># E% `9 e7 s5 w
1 D* o8 l/ J# k* \# ^9 [1 w% l
</div>
. r: V" Y: F# A* B- J
4 D2 `" j# Q; H z: I2 D8 ~* B
8 M! i a. d$ l& p
& W5 a# o0 b/ G# N 1 R2 E2 b* l! s9 n
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|