|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: . U" Z$ k+ N6 H! L
% [. V' g) O* d H/ H! R; J
第一步:把如下代码加入<body>区域中
* D+ R( F, B' G1 f$ T8 E <script language="JavaScript">9 b# J' z' T( I! J7 d, T8 ~, u$ O
, [3 f+ m$ u5 E+ h4 O0 s$ K+ [
function nextSize(i,incMethod,textLength)- Y% _8 J3 j9 h8 Q/ N& U
{
4 s1 _' ]" I5 O+ U6 Q7 cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );* _1 o4 Q" U3 n# ~* w' Q" Z
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));) g2 r* r9 N) P$ o2 J
}
* y3 k) L0 g! Q! C; D0 M9 T( H9 c6 s5 f2 w N
function sizeCycle(text,method,dis)9 w& T4 [4 q' B( e
{, H5 x# O: g" z
output = "";
2 o3 h* ^ w/ D. r( Q for (i = 0; i < text.length; i++)
. g9 R9 r1 L) M: V* X- ~5 c { L2 i; C1 b$ v+ L
size = parseInt(nextSize(i +dis,method,text.length));. `& L5 F) Q; T1 g3 k: b% a
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
' [) o: E4 J" k5 o" |' Z- B }2 q: _' A n d6 r, _; M3 ^
theDiv.innerHTML = output;2 z- k" ~" w3 ?% O
}) h/ @) ~$ y4 c' B( [4 h
& u! i, E9 m% \0 q
function doWave(n) 3 W6 S- S- {5 Q
{
# |/ ]& _5 ?; s7 B theText = "JavaScript";* y# o) i( f* e. X! i- [
sizeCycle(theText,1,n);
6 z5 \! D2 R- i if (n > theText.length) {n=0}2 y% x# l4 [1 ^- r! f6 B
setTimeout("doWave(" + (n+1) + ")", 50);
; k" ?) ~/ U& j} M. M: V# u7 D6 E2 B1 O" F
</script>
5 N! P/ b1 K9 M<div ID="theDiv" align="center">* d3 ]9 M" R# N0 f- J$ Z
' S1 I Y' _0 l c/ B</div>7 J# y) l9 K9 `; p" G
T W7 ?% h. |/ r( [5 F
7 |8 q& f& K6 p. Z7 X4 N0 c* l* T& a$ G
( x0 u3 Q; w; u: I) h& Q
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|