|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
6 J" D: j: h' [; L$ m( `- }7 a
% {. g2 O6 J8 V3 v6 M8 L% m第一步:把如下代码加入<body>区域中5 |6 B5 F6 u! m, n. g
<script language="JavaScript">
- M- c& V# z7 V9 L6 x4 `# n/ H) L
function nextSize(i,incMethod,textLength)
5 |/ s7 o7 y9 k5 j# V% L# g) D{
7 a6 v3 W9 Q" `" gif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
; w# |7 k5 i" Y, A- Wif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));3 D* L) {/ u5 B5 D
}
6 _3 U. Q4 g' A( g: p* T H) J0 h% a. b, p) h! M" T: ^4 S
function sizeCycle(text,method,dis)
L8 W) G* {0 N3 @8 U{
8 @9 M2 u- N0 J- m output = "";) L: m+ p% I. ]" @; S
for (i = 0; i < text.length; i++)
4 o5 D& i( v7 c {
! O$ n) P% M, X$ y: ~1 D4 X/ ^2 k size = parseInt(nextSize(i +dis,method,text.length));
( _$ _$ q0 p9 M4 U. H: W output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";3 }5 @ L3 L' {. s9 y9 B
}
" m5 n4 K, ?' {9 u9 \ theDiv.innerHTML = output;$ ^5 U( s' e6 Z3 p( G4 t+ F6 Y
}
7 I8 p) a! j- ` |; V# M% {2 @3 `
function doWave(n) ' z5 L5 G; w2 U" W$ ]. \2 a, l
{
) R( l5 `; }- h% y7 n0 m5 U, g theText = "JavaScript";% j5 w6 P& U7 f! X+ D" c
sizeCycle(theText,1,n);
: D/ C }8 L7 n1 d if (n > theText.length) {n=0}; V: M$ \2 q/ k
setTimeout("doWave(" + (n+1) + ")", 50);
" _" Q" T k# T" S, E7 k( S. e}
' R z" M3 ]) R) v$ x</script>
2 j5 V& c% m% |3 U$ {% F& P2 C% J<div ID="theDiv" align="center">
/ U# {; @: Y }, h/ l
' X8 M' H, @4 c6 k</div>
6 D: C. [; v# U% l9 l' s: o4 j8 Z( q
, o- R$ g) K: I5 z A! F5 ]
, O0 M0 \( z4 G' ]- q4 w+ e
. v: K1 Z* t+ n3 i' d5 O& X & U3 T0 ~ p- f! X( m
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|