|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ) u" B, X7 e7 u" k* v. X6 A! [
1 S0 r1 |( W, b8 s1 W q第一步:把如下代码加入<body>区域中
% M6 E% h1 q! c6 h# X% R7 g/ c <script language="JavaScript">
: [1 d) i. C2 {/ j3 L G7 v* p
6 l- |1 @0 r: d; ~/ R z$ y) `3 vfunction nextSize(i,incMethod,textLength)
2 d/ k( f' B& @! w4 }. {; F% J{
' K4 g* U# @$ z- rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- n" q' J- l4 K7 ]: D
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
& a2 w6 z2 a8 O7 e}3 |. j& N, N; h6 O% d6 k
$ [1 N% `9 x! P3 Y: afunction sizeCycle(text,method,dis)
% I( M8 d/ l5 x& w* c8 r{
/ z) r$ k" D" o& ^ s5 b output = "";
8 X. v# n; X( H# U4 ~: W3 H for (i = 0; i < text.length; i++)
2 ~! L% H- w' A7 n4 Z& Z1 } { r( D1 T# Y( s4 n# Q+ [' D
size = parseInt(nextSize(i +dis,method,text.length));
3 x6 c0 _' I: k$ Y output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& b c4 p" u) ]% N/ Y9 K
}& _: h# W3 r) ^
theDiv.innerHTML = output;- K& a* m* m$ `- _
}
6 e7 a5 l& Z1 k, I$ R: z0 W4 M/ f" U) ?6 Z: r
function doWave(n)
7 V, q$ `0 Y N/ `4 }. U{
! z' R7 C0 ^' e. a theText = "JavaScript";/ _$ t. U: w: i- [; k
sizeCycle(theText,1,n);
4 \7 r- K' l1 O if (n > theText.length) {n=0}
" z2 D6 j! M1 B3 x8 c' h setTimeout("doWave(" + (n+1) + ")", 50);
7 \# i; T( L7 j. n9 ]* U% u}% ^5 S' }' G1 y$ j( F- `
</script>
+ r1 J2 Y; j* N F<div ID="theDiv" align="center">& \+ A) M. o- F1 {
2 E4 U7 a- H) K0 u c. L T
</div>
; D3 y/ s8 O& k: k0 z* c/ k1 u5 u, O. G% p4 c
! p" u& W* D7 x$ _$ W2 u
! g, N/ J# I) Q % O7 u6 @6 H( l) \- W
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|