标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
' Q* E1 T6 r8 k- h; _6 ]3 r5 ~1 ]
$ d; F4 l( V( p4 T( y: r! |. c
第一步:把如下代码加入<body>区域中
( [9 _) Z! V8 o' r s8 B+ ~
<script language="JavaScript">
; w% ^: s2 c$ m% H3 g
8 P. L3 `/ t: M% O. j7 o: }
function nextSize(i,incMethod,textLength)
) `8 D X' O( T& C" E* K4 [
{
% B! @1 g9 R8 T# b- f
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
/ u+ u5 H9 I+ x$ r* F
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 V) c" C7 h3 _- b* b' A
}
$ k9 o7 |$ M7 U7 q, T" @
& E' J! F; j9 a" C* Q0 q( k
function sizeCycle(text,method,dis)
" i( L- Q8 f S. N# e0 n8 M
{
( n8 f4 Y. S p4 [. \' {7 ~
output = "";
# t3 x5 l) E% q5 s) {2 Q+ m) t: d: D9 T
for (i = 0; i < text.length; i++)
5 K% c* }# y/ Z, v' g f- k
{
) H# v% o3 P9 F3 P8 ]3 p& h
size = parseInt(nextSize(i +dis,method,text.length));
9 M! u$ b. R3 x2 u
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
5 N5 Z1 a/ R: ?. w
}
; R/ |+ [/ S; [
theDiv.innerHTML = output;
9 m3 Y" X( Q5 j$ ?5 c! Q
}
# e( `5 a9 M1 I2 H8 C; { J
: C/ G4 m- G, B
function doWave(n)
Q' O+ \& |: Q" r7 k& m
{
! g2 f& Y# V: g1 W/ f! s
theText = "JavaScript";
+ P; I! {' I9 i% V& ~3 H* L
sizeCycle(theText,1,n);
}3 E& R, I7 d6 C4 G& K7 P
if (n > theText.length) {n=0}
, ]* {7 ~! y; L
setTimeout("doWave(" + (n+1) + ")", 50);
% b9 ^ b8 z$ V9 ~6 B6 I
}
, S& v4 n! L1 s% [ L% b
</script>
- J8 |' |( i, g" [
<div ID="theDiv" align="center">
. N3 F; q. r. l# ?6 C4 i0 c# o
2 h' Z, O2 U: v' J0 Z! h
</div>
/ \8 K, E" D! E) N6 R1 c
% P$ E2 r, p$ r. W+ F% @
* H+ \% T) x* _7 h- J
+ P5 t8 B: J, i8 ]! q
- g- k' |: W# S7 r, F/ M
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
