|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 v' G0 \9 T0 h$ S6 w% E . e" D @6 U/ z' L9 g( O; r
第一步:把如下代码加入<body>区域中
2 Y! o* `1 A: _8 a8 @ B <script language="JavaScript">
; W' D" V! Q. G2 t! K4 F6 Z0 ^6 H; ~7 P/ k% N* {
function nextSize(i,incMethod,textLength)4 A/ M. w9 i( B4 k! W1 N) }2 P: V
{8 W* h' w) z" w$ [8 T# `$ Z& t% m' B
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );, @$ A" R5 Q( ?. q) D
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
) K" f* R( G D2 y4 ~}* Z3 X6 i9 l M/ q6 Y- Z7 t
: M R- G) A3 @# O* K
function sizeCycle(text,method,dis)
6 q2 E6 U: a) b/ r{! f( p3 F$ O1 m& ^/ G3 ]; j) Y2 `) d
output = "";5 B# v7 q0 {7 O4 O4 M
for (i = 0; i < text.length; i++)" z8 U) I+ {2 D
{
/ Y; m3 J B. I# w# z; V size = parseInt(nextSize(i +dis,method,text.length));- m9 |- I: o C4 Z" Q# W4 F, G
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";3 S: l2 l1 H( [3 `" v, W
}# D) B1 u6 W0 k' P+ W, ~
theDiv.innerHTML = output;
0 m# ^' v" e. k' z3 k8 T}
9 G" `! y' W3 v( n6 g) X+ l
" j& ^+ P* P5 K9 _3 ofunction doWave(n)
/ y P5 V) N J/ p{ " H9 x) s! U. t! G' O/ E, k; |
theText = "JavaScript";3 W9 g8 X! M) B7 A
sizeCycle(theText,1,n);9 v! @: |6 n* W& n# W
if (n > theText.length) {n=0}7 a. x8 e0 L( j3 S1 [8 \
setTimeout("doWave(" + (n+1) + ")", 50);& A6 o$ h" C* m* P" S# S
}
" \9 W& @2 X; L4 @8 P% v- D</script>6 L* X0 I$ e5 t% f7 O! x
<div ID="theDiv" align="center">) M8 u( {) Z* k# w' l. _
# ` j/ i* Z" b" V3 |
</div>
4 l4 H7 i1 n& @' s( y9 B$ z6 b; ~+ W- D
$ d- P' s0 F$ c. G3 ?3 A, D. Z5 n: d7 i3 z* L
6 }% q J! [% J# ~4 S4 f/ Z
, L. |% q" J) u* i第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|