|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 @; Y# i& x" Z; e
& e* Z$ V0 v0 p' F, y第一步:把如下代码加入<body>区域中
1 ^5 B: N5 d) w6 _ <script language="JavaScript">
7 J' w J. F( H4 w/ F, y2 L# f9 I2 e' ]0 J5 F4 ?( j
function nextSize(i,incMethod,textLength)
( N3 f: I* e7 x# M$ B{
# V$ N: ]! `7 i5 d3 }if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
5 l, q# W' S3 e* f' Uif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. G a$ x v' v8 b* L" a H! r/ |}
) \! [' _2 K2 l1 `+ Z/ r; d! h' n" l" q
function sizeCycle(text,method,dis)
0 S% z6 G% n0 z8 ?9 W! p{
/ G/ \* P2 w0 Z v output = "";8 A6 r* L+ m2 s
for (i = 0; i < text.length; i++)
( e, z4 z- x- C: P, X2 z {
6 T* W' b: H4 M' d/ \ n size = parseInt(nextSize(i +dis,method,text.length));- m. {/ M* C$ J: e3 w
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
1 P4 x \$ Q" T" V' ^ }
$ ]& b& T, P0 y- w1 ` theDiv.innerHTML = output;
5 C# ?: v6 ?# Q( `8 S4 M$ K, `}
& `9 V7 t9 N5 c1 w) I- d
, V( n! {) i' d1 _! Jfunction doWave(n) - J' A! {7 E* V/ h
{ ( F" Y, e1 ]) ~5 T8 ^! ?% U
theText = "JavaScript";. ~0 S# Z7 T, q8 X
sizeCycle(theText,1,n);8 I) g# g2 Q! U6 C: M+ L# A# ]
if (n > theText.length) {n=0}$ [; {# g$ B V, h8 |
setTimeout("doWave(" + (n+1) + ")", 50);6 x# m9 g8 ]" v6 u" I8 V2 O1 f
}/ W8 V- Z$ v4 e( x
</script>
6 s5 y5 A: ^7 {<div ID="theDiv" align="center">) J5 {& o$ p: I& X: m( _, E
! V, ]+ K/ e# [+ w) F. c- N
</div>
- K$ y5 ~) }- p+ O* d; Q4 |2 ?7 w8 m% v) T: x- a
; Q( ^+ e C% ]7 _
# Y( B% I0 m0 |1 t1 P; D' y1 k- A " B, D+ c: I2 q2 n1 ^' N o2 f S
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|