|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 R& v1 b% M4 ~3 r4 E, O / H: L: C3 L5 M ]4 Z% p. L# H
第一步:把如下代码加入<body>区域中* h3 }, I7 u% l6 f/ R# P7 {
<script language="JavaScript">) g+ l- E7 j; E/ x3 d: U* Y! s
' U" B& |. v9 c1 u$ K, {function nextSize(i,incMethod,textLength)' d9 W: ~/ \5 M0 I1 R
{
$ P) N$ a' ?) A) a9 Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );" Q" j3 C6 m9 _! e
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));. W" v" i3 j3 V7 P- f
}
4 _- t' b, B4 E9 [- ?9 n: ?2 z3 p% R8 c: i9 |4 y$ C7 O: g
function sizeCycle(text,method,dis)2 ~- i5 y. k; B+ m9 W6 Z( |2 j4 f
{& Y- O/ c0 v! M) w3 C- l
output = "";
# s) J4 \" C- n9 C+ W for (i = 0; i < text.length; i++)
: p1 v/ [. O' d( ^ {. _# a1 p1 _1 c ~, @. [+ [* R/ ?
size = parseInt(nextSize(i +dis,method,text.length));' f4 w0 v& m* x8 J; c
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";! Y4 I g% I, ] B/ Y( P
}
6 P- V% z/ f' R. ~1 \" d% o# d4 D theDiv.innerHTML = output;
& _8 U) _( y0 p3 ^" v1 C) r" J# e}
% F$ v" J E3 @, N
; V0 `# B' Z$ P+ a2 ~function doWave(n) * U8 e# j4 R% |) D0 S8 [
{ 0 H% ^( F- \5 K, g! U
theText = "JavaScript";9 c+ G8 V8 i9 }9 F& X2 w' E
sizeCycle(theText,1,n);
& S$ u( D5 F2 d G if (n > theText.length) {n=0}
6 a9 ?1 @5 h& Y7 `! Z3 R: ? setTimeout("doWave(" + (n+1) + ")", 50);) p7 _! w; I! F8 q4 Z" O) N
}
, s$ H- i( M" {* n* F</script>
/ e& e/ \& Q- v* \6 R* |6 X2 o<div ID="theDiv" align="center">; b" x* U5 W+ m y$ {
7 f& w7 e7 Z% E: \+ E2 ?</div>
8 X1 i* d, x. I4 _6 ^. [& e1 n" |
; z& [6 a9 P( N) ^" {
! s: P3 F$ E' M' Y/ A2 X: Y) ~5 h5 _ W2 P
& {- Q( P- g9 ^5 V V2 V2 B: M$ g
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|