|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
; [" O* l; S4 S3 V # Y( p+ N5 O+ R" w
第一步:把如下代码加入<body>区域中: m. f5 v! P" A `' S( P
<script language="JavaScript">& ~: l) Q% W( ~' C, O1 R4 c0 m- F
) I3 Z/ k; b9 n, Y0 j, [
function nextSize(i,incMethod,textLength)
: x- |3 f3 y7 u4 N( f2 R& u{
! s& K. [6 Y; s: j: a0 e! tif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
. d! H6 o) B$ |: Y% u0 g; X9 mif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));8 |2 q6 y& _. `+ q3 y4 h) t
}- N* o) a" l1 \( ]0 w5 S/ W, K
4 }; |4 v; i; B+ P* o+ b9 X7 V; X
function sizeCycle(text,method,dis)
+ [6 l" `- ], p' H/ _{
$ j) ]" M8 h+ \- b& ` output = "";* ~8 B8 H* e C1 E
for (i = 0; i < text.length; i++)2 d/ d' o2 S: F7 A+ J
{+ R" _1 }" M( v
size = parseInt(nextSize(i +dis,method,text.length));
0 r1 f! ^) r+ T2 H$ Z output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
( g. i% K6 W" h: \+ a# J4 a' K% h$ N- p5 K }' B& `# _6 \! `3 D u `0 W
theDiv.innerHTML = output;& D$ `4 `4 o9 z1 \8 k4 E
}
K6 m4 g. ~( Q( ~4 k0 g
& c5 K6 m7 D" M! m1 ]function doWave(n) : C* v# W6 [8 e& a6 _
{ - u+ s) B, u* u: y: O& t
theText = "JavaScript";+ I/ J/ M/ o+ R, a( n s$ d6 e
sizeCycle(theText,1,n);
: o& h/ J4 P. [7 N0 ~ v- L, Q if (n > theText.length) {n=0}+ ?1 _2 [# q. m: k2 t% P! {
setTimeout("doWave(" + (n+1) + ")", 50);
0 U9 ^7 Z3 f; R7 Y& |, o# O}2 g6 }" Z5 B0 \; f* }3 v+ u c
</script>0 g& m! T6 @9 f4 v
<div ID="theDiv" align="center">8 j! x9 Z5 p( K2 _! H* X7 J* Q
) a; h+ R. M: m% l4 E4 g& T
</div>
6 p" t: J4 Z2 T I; u) `; C, l3 x) _4 r
+ z! J( b- s( I0 V7 t7 R# f2 u; a6 p, g4 v* g: s$ A
, k5 s+ @' X `) ~, P2 ?第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|