|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
% }8 y3 u- ^& L: _7 m! ^
7 ]1 ^4 ?8 Y+ b第一步:把如下代码加入<body>区域中
/ j% x A( X8 I; N <script language="JavaScript">7 Z# G/ _) U. X4 p
% F- ]+ Y8 _( t) ]5 ?# Y! ~9 mfunction nextSize(i,incMethod,textLength)
) i9 ?$ Y! j1 v2 |0 T- E/ c{& h( ]) _! Y7 V/ R- |0 V
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );, U. v. M: X- s# I9 ^
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
) Q2 ^+ A4 C- R4 J1 X5 F. k- M7 r! G* G}6 `3 t X2 E) _9 @5 N8 y
1 Y# ^+ C5 n/ }8 N/ J
function sizeCycle(text,method,dis)/ E2 B( z$ A: C" {2 P" I# M( T
{5 w# X* u# K; i
output = "";
- l+ L0 A" z0 I8 S( [7 E" j$ k for (i = 0; i < text.length; i++)
; i! B q6 M4 @ p$ @% W' t" |1 Q {
5 f" X ~# v" G7 }5 r9 L3 c size = parseInt(nextSize(i +dis,method,text.length));
; z: x7 P# S) D5 G* T output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";0 g6 y( L( `3 W5 p& t
}
1 s0 X9 ^5 G' q9 y theDiv.innerHTML = output;
% H; @; }& |4 p+ H4 b3 A9 y}' b0 u2 b/ ]+ M6 C1 A3 m
. {; R' F1 D" |" X+ L/ ?function doWave(n) . Q7 o/ A" z" h' ^7 t
{ 7 o: p* d5 M4 e4 R9 m& e
theText = "JavaScript";$ `) R2 q" x1 h2 G% R1 d5 z
sizeCycle(theText,1,n);
0 z4 p5 d! b6 { Z# H+ [- a# [ if (n > theText.length) {n=0}# j7 E Q D5 v' G
setTimeout("doWave(" + (n+1) + ")", 50);
, l; @- e* n" k9 I: O; T}
6 p7 t k6 r8 o0 w/ [</script>
, n0 h4 H& B& `4 q6 S+ s- Y<div ID="theDiv" align="center">
; F- m& T0 ^' }( G
( D9 q3 o4 o4 y, W5 O</div>
; d4 i8 d- d2 o' d/ f2 Z. k3 Z5 |9 N( d: W3 z1 }
( i/ h' y- T& k. j- r& l4 g0 @' A
4 P0 k+ b B& V; Q& ^6 ^ $ a9 r+ }( |# H6 o+ ?2 B+ J
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|