|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
0 K" l9 ?8 y, _0 ]9 \ s 2 R1 p8 H, m+ O: G1 B7 G3 N4 u
第一步:把如下代码加入<body>区域中/ X7 H* F2 h6 v1 Y% l' w
<script language="JavaScript">% u- I3 [. i0 p2 U+ l" Z5 d, c
% I4 ?+ I6 {. K( X4 i6 [+ lfunction nextSize(i,incMethod,textLength)" F& {' x4 n# f, U
{
. X' v+ k6 K3 F5 _8 d/ tif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );8 g/ ]3 y" D1 N5 @
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));1 \( g/ Z! ?$ u! o& s/ n& Y# [
}
3 ]0 {/ @, s! l- B. r
: ^1 A/ j5 b( A: ?% _" s- ffunction sizeCycle(text,method,dis)
( L& m) u. I6 r, a5 j{5 ?3 k1 i1 {( F* m
output = "";- X7 R0 k" X, X4 f. @
for (i = 0; i < text.length; i++)' g# U. u- {9 H; W% E
{3 Z- G8 w X( B. O5 A0 ~" i7 |
size = parseInt(nextSize(i +dis,method,text.length));
% X- x0 x( Z2 g) l& a; S6 r6 J output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";! N+ Y( m. j. T, d
}
& c( q) A* y) n8 z4 B0 u/ r theDiv.innerHTML = output;8 Q0 D# z; W3 K, l' y5 w D
}
' W* y: ^. \) T$ T W8 X0 Y: @& @# y" @0 y T6 u* \
function doWave(n)
& `/ I3 q, V2 e3 P$ ?{
$ u- h) e5 _* u& ~8 g theText = "JavaScript";. W- q' r/ u c% R
sizeCycle(theText,1,n);
& b2 O6 Q# e# e6 m" ]7 @ if (n > theText.length) {n=0}
; t1 _1 E/ D( |( z0 i/ o setTimeout("doWave(" + (n+1) + ")", 50);
1 S% v5 b, k0 [ b; L& _( z) m}+ k1 N/ o9 b! N& O
</script>
- d, a. E; D0 `" X, l5 h2 ^0 o<div ID="theDiv" align="center"># N" `6 G- \; f8 P8 N) _9 J
5 N6 T0 T" _! D4 V
</div>1 g, J3 F& l6 H7 V
0 V3 S" Q$ b; E
' H, ~/ g7 M) d
, U8 ^) b5 H# r0 {- p9 E3 Y/ ^* D
$ \. c' O1 t- N E第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|