|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 0 `8 q- Z2 g* ] |$ M
4 D, O2 b: e" H3 W$ z$ y
第一步:把如下代码加入<body>区域中4 C' ]3 z/ n" ~. s# Y
<script language="JavaScript">
" @$ p5 {. b" t. Q& P; _- A! J
6 i* {9 k/ }* Y; Zfunction nextSize(i,incMethod,textLength)9 D- J$ I7 z$ n0 x
{
6 ~9 m, n* G. Oif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
! H* `/ ]: b6 Bif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ z( l! B( |6 E" p- y
}4 ?/ T5 R8 M* y+ F& J
( L; O- A% a7 T) v
function sizeCycle(text,method,dis)
3 k6 t) g) C7 `0 Q- c{0 q$ O) q% h" \
output = "";
: E+ \) C! f8 b" @/ j, i( X# g" q for (i = 0; i < text.length; i++)
2 T+ O1 M, }! z) v% A& h {
8 n) a3 p6 R) W4 s7 Q. a size = parseInt(nextSize(i +dis,method,text.length)); F9 l1 g- p" _) c- O8 f
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
5 p* P% d' @9 m8 J. ~0 ~ }
' c1 j2 f9 R, X M' e theDiv.innerHTML = output;
* i" {, I% x- M}
# F; z$ u6 f/ u% q- A$ |
5 ~& }/ s3 e# L' ~function doWave(n) ) M" a3 S2 i& |- Z! Y% L
{ ; L4 ?7 R6 b6 H+ J1 x
theText = "JavaScript";, p( w: `8 B' n5 {5 [( P0 m
sizeCycle(theText,1,n);
9 C: L) U. D( d1 n* J" A if (n > theText.length) {n=0} O. E. ~% ~3 |( \4 z2 L4 F+ b
setTimeout("doWave(" + (n+1) + ")", 50);& @$ P: b" M1 A( T" }
}* v# o& i; _6 L
</script>& v; R. N7 F% z' X( Q: i
<div ID="theDiv" align="center">8 y! @4 Q( K4 s' T" J' F+ a- v
' k) f+ |) P- P2 g! r- V
</div>5 c3 X7 a0 q8 I: s$ M
) H9 q1 M5 g5 K1 z' f. ?7 \! q2 M
0 j7 W9 e, o. `( d+ k; h' u" x- {+ ~& x
7 c6 [* C( u+ k第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|