|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
2 l$ N4 l. l" ] M! P. s C6 Y9 n& J3 r
4 M, U! x' j9 G! ?" }5 O% x9 y7 H第一步:把如下代码加入<body>区域中* D0 F ~' P, G5 m
<script language="JavaScript">7 ~% `$ Y) F" p6 u
, m- k# P8 o* m9 a
function nextSize(i,incMethod,textLength)1 n& Q/ M: }5 K9 H5 b) b z
{
# K# x3 r: B& wif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );1 ~- n9 O. |2 d; L$ y+ E: ]& _
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" ~4 _- {5 m( v- @- O3 {# D) q}
# F9 c( F& m2 _. h0 c9 e; s- @3 a* P8 ~8 y5 B v: i0 h4 v% U
function sizeCycle(text,method,dis)9 w4 w. ?* A3 \) J/ n; o: H2 d
{
7 J# d/ D& T7 F7 g. H0 a# e output = "";
9 W* K' K7 S/ R1 s4 J; d for (i = 0; i < text.length; i++)5 G" F# Z7 P8 A, [: s3 a0 M( U
{
# `6 C* \+ Z4 |; F size = parseInt(nextSize(i +dis,method,text.length));* L e$ U4 T. s7 t) M' m2 F, g
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";1 Z7 K4 i% p% a. N; E1 U
}" d9 s$ @5 T% c, w
theDiv.innerHTML = output;
# W. b8 M9 R( S4 L. B4 u- e2 \}6 q% j2 {2 t% o8 T/ y' @2 O
( }. ^$ c) |: M2 d5 @# u/ ?* ^
function doWave(n) Q4 q5 M8 q" L' T2 g
{ 8 a1 N, i) W+ V) G
theText = "JavaScript";" w2 Q2 S! i" W% A% Y, i+ V' l
sizeCycle(theText,1,n);
9 l9 c* f0 ^7 d! V" J if (n > theText.length) {n=0}! V: j. V. e W0 `# |" Y( w
setTimeout("doWave(" + (n+1) + ")", 50);! J! b3 F- T" v# i& a
}, g$ @6 @! K D8 W
</script>
: {/ d# n% p: f' a) `* G0 S<div ID="theDiv" align="center">& L* A1 F$ l2 [" _5 _% f+ s
! U2 e: f+ F( K- x/ O% r: u* ^</div>
! g' s# x, ]& S. h1 P% y4 E* J. ]. \6 U
8 |7 ]! y1 p7 d `9 \0 ~. d5 D) u& O. e
; |& S/ w0 k [$ W: t/ V4 u( O$ O第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|