|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
8 T3 a. E' _4 R5 d1 G5 i 7 f# U. i9 X+ q* y" h& I6 k
第一步:把如下代码加入<body>区域中
0 ~% N7 @1 f# T. S: |+ `6 \8 O <script language="JavaScript">/ |1 D3 W' r! e# _! }
) {/ m7 Y8 N- T* ]3 ~& [3 ]
function nextSize(i,incMethod,textLength)2 q5 t' m& L9 k- `* A
{
( q5 s# d' A2 v7 uif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );8 y7 Q4 t" |0 Y
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));& G. m; I8 u$ `, [" L7 ]
}! R; `6 V$ M' d1 U3 h2 V
) F; g* O( \$ d& Cfunction sizeCycle(text,method,dis)6 o0 p% C2 R5 D1 K" A
{
! h" B8 p* m+ A2 l! N, Q output = "";
7 ^2 C( o1 _4 F- P3 T- F7 O5 [ for (i = 0; i < text.length; i++)
]" z/ T5 n* V4 Z/ X1 S; G {
' {9 a" x0 J6 s1 T1 e: O' v, A size = parseInt(nextSize(i +dis,method,text.length));
( c c- A+ ?7 q/ E, [' O output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";( R. v& U) [ ^4 Y5 E3 K
}7 p# G% t! [3 z
theDiv.innerHTML = output;1 {- ?" p$ e, K3 S- j0 e
}
; ]9 |' f9 u" a! X' {; q h! O( x! w1 o
function doWave(n) # [& c7 r# {: _& T0 j& @
{
]0 Z" [' e( `" v5 [ theText = "JavaScript";
8 _: k- s- d; ]0 {& S0 I6 B sizeCycle(theText,1,n);& x0 H$ Z6 g% V7 j, K! n, v
if (n > theText.length) {n=0}# P& p9 Z% Y; R
setTimeout("doWave(" + (n+1) + ")", 50);* ?7 l4 |- ^& p. @
}
4 e+ s$ b5 {6 l</script>% c3 Q$ o) N0 H8 b; d
<div ID="theDiv" align="center">% Q/ z" Q1 Q! J1 A# K, U' B, [
2 c( w! ^6 P5 u" r' S</div>
7 K1 w8 X0 p5 D
1 I! K! x+ g& u) w8 l2 @$ L1 Z. ]9 c4 ?1 _- D* \+ F
, Q" s! Q; R! J: s9 T
# X' M5 E7 z" X* D! U9 |! g; _4 a第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|