标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
, L- h7 Q! F6 l1 W6 g( I
5 o3 H. r0 P6 g4 D! |* i1 O
第一步:把如下代码加入<body>区域中
% F2 e! \$ V) ?% Z$ }; \) f
<script language="JavaScript">
: n8 u* l @/ Y. E* U. Q
8 v- D: F! g3 s. |, x! U) x
function nextSize(i,incMethod,textLength)
3 @+ a9 a& y/ j) n* Z+ g, f O
{
+ Y; a9 R( c+ ~2 H3 N+ l$ Z d" I
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
+ q4 J: W. L- W4 O$ R$ Y
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
% ^1 q; E! b4 n$ h$ N' _( J
}
% @% ^7 }* H8 k l6 b: ~& F5 e
" m5 e7 ?- ?9 P% J- Q
function sizeCycle(text,method,dis)
u c( W4 Z0 }% b/ O; M
{
0 x1 w- ]8 n/ ^1 m3 ~- j. ?/ }/ L
output = "";
* A* m8 Z5 K% T9 u; o
for (i = 0; i < text.length; i++)
9 _: [7 u2 Y0 N- a& r1 C3 {
{
2 I6 E& R: D6 @1 e
size = parseInt(nextSize(i +dis,method,text.length));
) n, p9 M9 D7 n7 m: t9 ~
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
! o. H( o# B0 n: d, v) [
}
! k. k4 ~2 q) I# E1 a: \1 v3 D+ }
theDiv.innerHTML = output;
# W! M" K$ V+ L% l, n
}
; r9 W" ?8 F& l- n/ ?' P6 f; X
3 Q+ ~3 ]& b4 u/ Q* @
function doWave(n)
9 v7 A( W' t$ w8 {
{
. h2 a8 e7 L+ a4 y9 j! A! W ?) I
theText = "JavaScript";
9 G7 o& [, r; i& Q9 @
sizeCycle(theText,1,n);
( M, f7 K- l, E9 m7 z
if (n > theText.length) {n=0}
, u7 X0 E/ I8 L: @6 \
setTimeout("doWave(" + (n+1) + ")", 50);
( z+ ]/ C& T0 X: _, w
}
( P2 L0 }5 j9 U* A0 m
</script>
* p9 \, G) F2 ^/ H7 |* z
<div ID="theDiv" align="center">
~$ b) p2 y7 g7 l8 R
# y, W, i8 B% N7 W Z* w" w/ B
</div>
. v6 ?5 @5 k1 G
$ F/ @% ~6 ^/ @8 G0 a9 | G! z q
, k( [2 o. |5 x% O0 E: a; A* N, T
) {; v1 N+ r; z9 ^
3 s M9 T i, H B" O1 B* {
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
