|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
7 H; L }4 s. r# z. R& a0 j4 S
! t) l" C6 z7 R6 k第一步:把如下代码加入<body>区域中" G! z" d( v5 ^) x1 o
<script language="JavaScript">
) R0 { ?! M: s0 T1 i, M3 l6 ]4 ^* s* ?
function nextSize(i,incMethod,textLength)" D5 k X, }1 v% {2 w, X1 A
{( i5 [$ P: o' }7 n0 H+ r8 Z' ^% z
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );/ E$ K& _; F0 L: |8 p
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ Y' G9 F" O1 E8 Z; ]6 z5 E
} {: z e7 m1 H" w2 @, i" T5 q
1 l, t/ m" u3 M& Y4 q
function sizeCycle(text,method,dis)7 @9 K2 |# w+ @9 d ^& u( n
{% Q# S: `; O7 N- G
output = "";8 x/ ?7 j+ v- ^* Y) d U: R) Y2 e
for (i = 0; i < text.length; i++)/ S% W3 a; p8 j8 R% }: k
{
0 z8 ^% f0 v6 [! k6 I size = parseInt(nextSize(i +dis,method,text.length));# |; H: s! Q0 {+ b' H+ ^ l
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
# T" P" S7 h# v' I+ A9 Y6 U }- n s8 v: g2 K7 ^, b
theDiv.innerHTML = output;8 r- J: w8 T2 E- k: V% Z
}
/ @2 I( W" O i- A
' o+ ~/ W. }( d4 r$ ]+ T' Kfunction doWave(n) . D1 x6 W1 `% S$ M
{ 4 C* O! a+ F6 O E2 ^7 P' U6 U
theText = "JavaScript";0 `% @9 `, ]4 X! Q3 | u
sizeCycle(theText,1,n);
& u2 g) t2 ~/ ` }- s if (n > theText.length) {n=0}
0 u' s d K6 m, A& G* z setTimeout("doWave(" + (n+1) + ")", 50);: {4 R4 l& Z4 m' M7 c
}- f* W! G6 B: V
</script>1 R) k% U- R8 O: e& X
<div ID="theDiv" align="center">' T* y5 A6 K+ L$ s- z$ G7 S
) z/ |/ [6 A. Y+ l</div>
% T5 ^5 ^8 X2 j5 f
* S& x( Z; H1 ], k" f1 }. H* \+ o1 i1 {
. V. |* j9 ~8 Y5 d# m5 v( L( k 8 L! n. p2 I1 b7 w
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|