|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
2 e+ k h- o, L( m ' u Q& Z$ Q/ q! {3 C* \2 L
第一步:把如下代码加入<body>区域中6 [7 r C) s( O6 C8 n& F3 n# p+ n
<script language="JavaScript"># c6 K( |. l5 U& q" @
! q8 f1 ~8 x' ?2 vfunction nextSize(i,incMethod,textLength)
+ A- x/ f; S4 g. A{
k0 r# U0 a( q5 |9 Wif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
8 Y4 T g2 X0 O. ?( ]1 rif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));1 L, o* T" d9 I
}
+ i" N6 O. V' p" _0 G7 `* G9 h* Q3 d1 F* l$ Z* q1 }0 d& u- Z
function sizeCycle(text,method,dis). ^! v! a" ^- K0 K& p: A$ r
{) L: d0 z4 Y$ `5 `5 I" r
output = "";) {2 u, q5 `/ p# ]# ], U" P) B; M
for (i = 0; i < text.length; i++)
; u' b' {- v* w2 F% ^ {7 X3 _) P) T/ N% U( R$ F. ?
size = parseInt(nextSize(i +dis,method,text.length));6 n3 a. z3 A/ {4 l9 U+ v1 c
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
& E8 N' a. o$ o }
1 a' Y, }9 t3 n1 {& K theDiv.innerHTML = output;
- y' l6 a- [' o6 C}& z2 Z' ]( ~' x m! ~! M) X
: f) D8 A1 v p! h1 n2 ?function doWave(n) 6 G5 b3 |$ B* u8 n" j# l; U8 N1 I
{
' j: v/ k/ u, T. ^. Q9 y& a theText = "JavaScript";7 K- D4 {6 O3 I4 O; U! ]4 x2 L$ z
sizeCycle(theText,1,n);/ `3 o2 s8 K3 B; C; w' a* s* G0 B
if (n > theText.length) {n=0}2 ?% C, z# [1 Y# F
setTimeout("doWave(" + (n+1) + ")", 50);
5 N$ O0 U2 K% k2 c6 Y}
7 s& b3 z8 T% w5 h</script>+ P4 U7 N z8 q/ c5 ^* g9 o J3 f
<div ID="theDiv" align="center">2 I: j# Y/ p" }2 V1 q4 O- F
9 e4 h: c. Q7 f3 G: }9 J
</div>
+ \5 {6 I( F7 }9 l7 x- K X. a
9 ~- o& }7 K% p( f# ]5 k1 i' {$ L' G. ^
9 c) V8 \2 C, [8 ~ 9 R& Q- q9 y) s
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|