|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 9 t+ ?& `( B0 [5 V
: |* M8 h9 ^2 r9 l* }6 T5 T第一步:把如下代码加入<body>区域中
+ i+ T; H3 ~9 H <script language="JavaScript">
8 F9 S! @+ u5 P' ]2 y( @5 D. @4 {+ ^2 d9 c' U7 T1 Z; \" U) H! i
function nextSize(i,incMethod,textLength)* j' F0 z" N- h1 F1 W9 V% {
{% e4 Q" m. z$ \; ?
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );; C( {; n& _1 @* E8 F, E
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- p6 O" I8 Z F
}
, N, c- @3 F9 g: ~8 d5 }0 s7 w
7 E# i9 o) Y1 l; E# C# k) Z4 Tfunction sizeCycle(text,method,dis)
( M6 A, t6 T P( V2 P{
$ t6 Z( l% l4 B u L. O output = "";+ l; w$ q1 g9 _
for (i = 0; i < text.length; i++)7 q) [, k. H6 d8 Z- N
{
6 I$ ~! D. w* Z size = parseInt(nextSize(i +dis,method,text.length));
" M$ z( ~7 d* D# Z$ a" M* f4 E' k output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
" w& C8 ?% |' p, i, c }9 {3 ~. }$ B! a5 H% h0 J
theDiv.innerHTML = output;
' i4 ~" O. S2 i, @+ |7 m}$ K8 {+ {- b z* R! m/ ^ X
7 P& d9 g j: j8 A8 |$ t A* Y& ^function doWave(n) * X5 t3 r4 T, ~
{
7 s0 `, N- {% |! ?+ x3 _ theText = "JavaScript";0 C7 G* Z3 e& v$ a6 H s$ s
sizeCycle(theText,1,n);- ^4 w( c+ |6 ~3 P6 ?5 Y
if (n > theText.length) {n=0}, L8 N2 R) C! o5 J3 ]
setTimeout("doWave(" + (n+1) + ")", 50);2 m" [4 ^- h9 c
}
. ]$ H; y( @! Y8 P</script>+ k7 O; {9 \0 T' D+ F
<div ID="theDiv" align="center">
# B& R& `0 I0 o3 U. g" H3 t. G1 ]7 E$ x* H: u) Z9 U
</div>
) f* a- I& d! H: _6 |4 E. b* g+ Y: O0 J/ ~/ w7 g o& c3 y
$ G; b7 y. \2 O, Q( {; k2 A' @
! ~' M1 y) \* u0 A
# ~6 |" y5 B" E( h/ o8 {# d/ ~, K第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|