|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
o W; k$ J2 s4 ~3 [
5 G" m' x; c5 Y第一步:把如下代码加入<body>区域中
1 Y1 `7 e" U/ S% D <script language="JavaScript">4 Z/ g* U9 R3 a& B" ?" o% |7 W
9 M# y9 g$ [- ]1 X" M4 e! g4 j
function nextSize(i,incMethod,textLength)- p" j& [7 H3 _ Z) r, k
{
@' J0 }; `: U% M8 |( ~) c5 iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
: N( ~1 T- ]4 P3 y& Y2 ?7 q7 C; ~if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));% K3 d+ o: Q) [
}( ]6 p" N1 i: G
3 W; x9 e' ^+ M8 c$ Y, `
function sizeCycle(text,method,dis)
. ~5 {# l, c5 j{2 _; z' g, ]- W
output = "";! m) U' K) t/ @' v1 W: i5 |
for (i = 0; i < text.length; i++)% Z' A" B+ @! F9 ^; I: K9 i/ P5 `
{+ c( m( }1 I8 R& x$ ^: p0 T
size = parseInt(nextSize(i +dis,method,text.length));' U# R: Y d! s! o/ {
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
& r$ l. t# E" E } p# Q- P& ~, A, n- @, I+ M
theDiv.innerHTML = output;9 T( `; c' m' B# X; Q7 Z" c
}: \2 X. F- ]; K( a. E( \. @7 }
( r% K L: f: ufunction doWave(n) $ C p I+ U" O2 {
{
* s, n9 ]3 Y( N4 ~. R theText = "JavaScript";
) h6 ~- B( @, [) t3 J8 O sizeCycle(theText,1,n);
. y% g) |2 O$ I9 b* Y0 Y1 d& z- q if (n > theText.length) {n=0}( c8 t4 T! b: \$ R! n. J$ b
setTimeout("doWave(" + (n+1) + ")", 50);! O6 F7 h* l! Q9 M8 N% e& h" v3 G5 d/ r
}
, |4 B. t" R# b* A' \' q</script>
6 f$ A d. [5 p) X<div ID="theDiv" align="center">
/ } l6 `+ D" Z+ ]2 b$ r
8 A, T6 Q! Z! }: C" ^& w3 f</div>- @ K" s' y9 N5 h9 H: e! \
4 N# X* w1 y/ |6 v! J N0 `
0 `7 c) s4 x. r1 ~
( j& {% k2 z& J0 W 4 P# R6 L y& R5 E" v
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|