|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
, w m- D! I2 r( t
* p9 w% b5 m% W0 w第一步:把如下代码加入<body>区域中
\" h2 R4 p4 b6 P* S2 m <script language="JavaScript">
. k9 P& X n/ O5 ]# ^ ^ q ?" o8 i e
function nextSize(i,incMethod,textLength)
" x$ W/ |% B- b1 \+ x{
& B0 c( y7 ^+ P# a) r, P/ nif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
: u5 \6 x- S+ A1 ]if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));7 R3 f" a0 t& D7 N
}5 `5 p0 ~8 b: F0 A) ~. c
. e9 q+ n9 o! ], h8 L$ \
function sizeCycle(text,method,dis)
" L6 D& ?& o7 S; A: Z% {" H* p0 H. G8 a{
* o/ w! {7 h$ K* r) M output = "";
6 |& Q, X6 M5 X8 t for (i = 0; i < text.length; i++)1 L. r) h6 a8 @. M
{
& V) K7 Q8 X! O8 B5 p9 X; n7 e7 l9 S size = parseInt(nextSize(i +dis,method,text.length));
1 x5 T0 [/ ~7 B" _# }* }+ e/ j4 G, z output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
$ f7 f" ~+ H: D! Z& }# ^" O1 T8 r }) ]% |; ]* T: J9 O2 p$ y
theDiv.innerHTML = output;
6 |! k4 ]0 e i8 |}
" Q4 H7 g: k: W- n( Q' R5 ]
3 k8 W" g1 Q* H" |' nfunction doWave(n) + }0 d% c$ B4 Q$ ~# p
{ % @! y- z6 B0 m4 o3 X
theText = "JavaScript";* p5 _1 z) ~0 T
sizeCycle(theText,1,n);
3 [) L' x4 ^5 A% `3 h! }8 r8 i! }) m/ W if (n > theText.length) {n=0}' W; G# ^8 Y0 w
setTimeout("doWave(" + (n+1) + ")", 50);0 O- m) p+ E; j5 ?3 F2 h/ i
}4 q$ K2 h% b/ ?# G s# [9 L
</script>
% f! e# }9 P! d* d, B$ }0 a" K7 Q# u+ ^% E<div ID="theDiv" align="center">
9 I5 S O+ {. P% v+ t0 g1 `/ G9 V6 N* r: k
</div>4 F8 v2 V4 e+ A, s+ h8 _" v
$ \8 q: E' v# k* g3 p/ q2 g1 G! E8 a3 ]% s4 z
6 k0 v7 n: b$ Y, b' m
1 y! F% C3 c4 T8 V
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|