|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
0 S _; Y$ I2 \' z; C9 K
( ]: t& p: S. a! [第一步:把如下代码加入<body>区域中
+ X3 R) n0 H' H6 ^' t <script language="JavaScript">, F7 ]; A% b5 s. O" R7 q
& Q. F) {* d+ @" J! H
function nextSize(i,incMethod,textLength)
; A2 ~ p$ T. O% T# Q- r{+ U' g/ W4 y' r( ~
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );& K( `' b5 e0 I6 _/ ?
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));9 Y2 o0 M& F, T G# o" |; n
}8 b' n' {& ~ f: p2 ]1 A% |
- Q, l- ]& c/ C# b& S9 B& j- D! Qfunction sizeCycle(text,method,dis)3 Z0 o- L, {5 e4 [; f
{
( i9 C. a; P- W, E5 q* C, A) A output = "";
6 L$ E; X: d$ q for (i = 0; i < text.length; i++)
. U7 M4 q; C9 X% ^ {
; P$ R: _3 e2 I$ `; _ size = parseInt(nextSize(i +dis,method,text.length));
5 m: m1 @- z+ x output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";) b2 Z+ T& f; L+ ]* h. C' A2 t: O
}
9 W7 E. e4 [% W& g! e theDiv.innerHTML = output;: ~, ^1 H/ H# v, M7 n3 Z8 K3 y
}; \/ O8 X7 l: y# A3 e" l9 @! a
8 w0 P5 c9 a' q! h6 N
function doWave(n) ( s1 z: ?/ p4 d
{ ; I% v3 w( @( o6 E
theText = "JavaScript";9 ]: R/ v& J2 n; A
sizeCycle(theText,1,n);
' d2 R! t+ P. R, H4 @ if (n > theText.length) {n=0}9 }8 y4 P" m" c% `- L
setTimeout("doWave(" + (n+1) + ")", 50);
* S2 M% H5 G& l8 w. W# \}5 D `7 L; T6 I
</script>; a; ]% i6 Z; D* _
<div ID="theDiv" align="center">
# T: @; p% G( X4 Z/ y* Z- S( t4 w5 S* }# @
</div>/ f' T2 R8 \, m/ _& o
, O. {$ S0 _' c+ r/ |+ F% l
& \* d2 E7 _% H# ~
) X% @( o$ j6 T( ] & x6 k2 {; _0 L+ W5 r9 z
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|