|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
8 q2 N* o- O) t: B, M6 z: a- L$ w* X
( ~+ y* w G3 r$ `第一步:把如下代码加入<body>区域中
/ ?5 M {2 C" X) F- q, ` <script language="JavaScript">" {5 Z/ A- n8 \! m: q3 r r0 s
4 J+ i- ]6 `6 ^( Q# |6 C
function nextSize(i,incMethod,textLength)
5 y5 `. A! M. }- h{: o$ o- v. I4 J @6 |( g4 Y
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- O `" P0 F+ V' a7 O4 w F5 {" u8 C1 H- ^
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));# k# ]' L2 q7 F5 A. K
}# }' w* H+ N0 r& `8 t
/ W4 d9 F* M" I. }1 L; x' [
function sizeCycle(text,method,dis)' H9 Y) P3 o" O
{
/ |5 `2 h6 q+ P5 G0 W8 Z% E output = "";/ O. r1 w) E' T$ |- N( ?
for (i = 0; i < text.length; i++)
- c, Q; n! j% G: N. F9 z {
% D& W/ c; i! t; q( K size = parseInt(nextSize(i +dis,method,text.length));0 q/ A6 |5 x7 f
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";9 w4 K* y0 g: b1 s
}0 v( u( Y# ^4 {2 A3 `* ?+ W& P
theDiv.innerHTML = output;7 m! T, P# T# U9 G7 m
}" J1 v9 F: W0 r9 r: |$ r
4 ^% S0 q8 ~3 X4 vfunction doWave(n) $ Y; U2 i8 V$ y7 i2 [! g) h
{ ) b8 l7 G6 R( q0 M9 l
theText = "JavaScript";
' s' o9 J) a: s+ {( r" z7 ` sizeCycle(theText,1,n);7 y2 o, }' h( S% S
if (n > theText.length) {n=0}
7 z! `! t& c2 q& T6 G* f. F; u setTimeout("doWave(" + (n+1) + ")", 50);
. U; ]8 ]$ ^6 C1 |2 e}* S0 P0 C) \2 S1 _0 L H% s
</script>/ l; j. L8 q, l
<div ID="theDiv" align="center">. v4 g9 p) q9 p% g1 F9 i( N
2 F8 ]& H4 ?% c4 w</div>- b5 _# A! Y; S; k' c) E& A$ b
, I/ f4 f8 q- v
) z: T0 E/ p% H8 F0 u9 E3 K+ l/ h& C; i: l; G+ d
8 T9 b" S Q* ]7 B7 ^* u第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|