|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
8 A" k$ P- w5 K/ @4 r' w N% N
g' I, N2 x3 ^% p% [第一步:把如下代码加入<body>区域中
# _3 D4 h: L3 S9 E6 \0 d, w6 r) `# D <script language="JavaScript">
- O* m( V ]5 w& g% R- i- l2 L1 S" z6 o" a7 Z1 Q2 O
function nextSize(i,incMethod,textLength). {* ~" Q( ~7 t0 Q# V0 M
{
! H0 p4 L) g) Y9 j) S1 Qif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );; N8 A( o4 J- K |
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; R& e8 }6 f, W8 l4 `- T! C1 @}7 e% ^/ n) w$ D3 I" Q
3 d2 f/ Y, G- b! n2 i0 tfunction sizeCycle(text,method,dis)3 A& D5 U; ^1 k
{
2 s: G) c1 G: |- ^) l output = "";$ t+ f: T0 B9 J% y# ?8 T7 G
for (i = 0; i < text.length; i++)& y% D1 f- _, ~( z
{0 |: |. j H. _7 }9 x2 L
size = parseInt(nextSize(i +dis,method,text.length));
2 T$ A/ I) f: G9 M: j. p output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
% B' p7 M1 K+ c) N# K3 j }) i% X1 V/ ]2 z. T
theDiv.innerHTML = output;
# E; B; V1 v' z( N}9 z/ _/ i5 @# l* K% ^5 k& H
9 B' A4 b* J& M$ S; f% P
function doWave(n) : `6 |& h3 R! H
{ - S) R* k/ }1 G4 }$ O z* o9 n
theText = "JavaScript";7 G' }0 k" I3 {: ]
sizeCycle(theText,1,n);
6 L9 B0 @* r9 C! Z# ~- @# H9 g/ C if (n > theText.length) {n=0}
2 S$ t. z8 W9 Y* X t setTimeout("doWave(" + (n+1) + ")", 50);' B' _" ~# Q5 W+ m
}
: _9 W6 Y! c. l+ ]7 `</script>$ p& V' N8 v' `; f# J2 Y" w
<div ID="theDiv" align="center">. h! [4 {1 o( t) W) @/ T
) u/ t6 B6 g. y- `' o \
</div>0 B; q q7 a1 p# v# _5 f
4 q4 S& u$ Z% H! r/ R
/ E" P$ a6 w" L
, J% A7 @! d; `& |8 `2 [0 F
) r' N( U$ k% p Q' e第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|