|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
/ I1 D! D9 N" }5 `: F5 |
: x3 W5 m T) h' n- \" L3 `第一步:把如下代码加入<body>区域中( N: Q& x6 s" E0 |0 x
<script language="JavaScript">
+ K4 V8 K. k3 o% e. a& v+ m+ s- Z4 N" ]# w. O3 v- ^6 p
function nextSize(i,incMethod,textLength)
. w" r6 k8 S( a6 l5 Z, @- Y{
" j1 k! s5 r5 Pif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
: V" e0 `/ v5 t# ]8 Y/ x4 v) K* vif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 ^) t6 `3 S! s, _" j}' y$ ?5 j) {' P `+ s1 K2 p
- {) t) z- U1 Y2 |" y8 \" y/ v# \function sizeCycle(text,method,dis)4 |" {) [. ^, w% v
{
* w( |* P4 L; l* d output = "";
% T) c/ I# T* ^3 E6 _5 u/ z0 B4 t for (i = 0; i < text.length; i++)
- ~9 c7 b( f; m- X7 b, h' R# a; d {
: c' J4 W" v1 G size = parseInt(nextSize(i +dis,method,text.length));3 W1 A/ ?# c7 {+ M. H
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
+ B/ n5 i7 c$ o5 s9 v }
3 R% F' n4 c* X( ~. d. C theDiv.innerHTML = output;
' |' v( B$ b$ l' B}2 j& G4 q, H9 a; J0 H3 e
$ U% R0 z( g5 C+ ffunction doWave(n) W3 g( ^' o( _2 `1 w1 s
{ & V5 M- U& J. a! f3 E
theText = "JavaScript";
) C! B+ P0 E- H& q sizeCycle(theText,1,n);
$ b. X r; x% B2 b if (n > theText.length) {n=0}
7 b" l( H6 I; x" R0 w* R# u$ f setTimeout("doWave(" + (n+1) + ")", 50);
% L; c) U" Q; J" M; F* s8 h- E! O9 x}
2 p- N, ]& ^1 p4 M" E. F</script>
+ e5 n1 l8 x; |; x+ j* D5 e- {<div ID="theDiv" align="center">
! k6 ~. f0 h( Y2 A. ~( r! M" y& }/ }! y
</div>
7 D6 b# F; S0 S& p3 k( |2 X; K8 r! v
3 g0 O @6 F! ]5 P( b7 x7 s2 E3 S: Q/ f
4 i, g# {4 \1 e' k
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|