获得本站免费赞助空间请点这里
返回列表 发帖

网页之奇特的文字变化特效

脚本说明:
/ [, i5 u# K4 o3 D& k' ?- b   `, v0 k) U$ |6 Q4 J8 X5 s8 s
第一步:把如下代码加入<body>区域中" C2 o0 R7 C* B3 \# [
<script language="JavaScript">* C0 z4 t5 g& n

. _' j( s, a( O. o8 _$ a% x% p" L3 Pfunction nextSize(i,incMethod,textLength)
+ [: b: Q/ A5 y8 w% c{
5 j" o1 j0 k- J; k. m7 Rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
0 {7 b' H, z. Q' q: k: i/ x1 qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- |7 R* x# c* n+ s" j  ~# c, f
}
0 z: F, ]6 d, F" j1 {" m% ^: e+ [  q7 p9 q1 A: _. i+ ~
function sizeCycle(text,method,dis)' H2 S  V- F: y& P  n
{
; A% A2 ]- \3 s7 T+ H        output = "";3 w! D0 R! D  P+ r; |2 g
        for (i = 0; i < text.length; i++)# }1 f1 A  G+ i6 e
        {, C$ w8 s2 [$ ~: @
                size = parseInt(nextSize(i +dis,method,text.length));$ A0 T; U9 u+ Y( {* b' ~  n
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";* x, N- v3 B& m4 j4 R& ^5 e$ K
        }
1 i# y; n; b/ t$ @# S9 h$ L        theDiv.innerHTML = output;$ z& M: h2 |5 G* J" t3 G0 s3 y0 h6 C
}
( z, _% v/ m$ @3 R9 x7 E  `# n  }- m9 x
function doWave(n) & b) `2 ?5 a, L
{   ' v# H! c, ^! |4 `0 r; Q5 V
        theText = "JavaScript";
$ C( R7 x: r1 Q/ Z        sizeCycle(theText,1,n);
. ?# s4 ^9 h% [  n        if (n > theText.length) {n=0}6 M/ v0 g" o8 X
        setTimeout("doWave(" + (n+1) + ")", 50);, e0 z" \6 P( c) g8 H
}
& C; v4 |* E( M$ a" ~</script># R1 O' V6 o7 \8 Q1 m' I
<div ID="theDiv" align="center">
2 I- o. K  |: J$ p6 \0 P9 X: \
* s- P4 Z2 ]$ t( m</div>; G' l# O* Y8 W4 J- d! n4 N
# c' _; S5 y3 i, K

* ~# I# v3 q  J& d- o0 v. m% Y  A, y0 }6 O- ?

' u. [+ Z% X6 t6 y9 I) f: B) \第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

返回列表
【捌玖网络】已经运行: