|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css">+ b" f: j. y: P0 z& _
#supertext {
5 _3 T7 a4 Q; b. \: Dposition:absolute;8 v1 H, a5 [" ~2 ?; O1 q( y
left:0;
$ V. a, s3 X e3 @top:0;/ P5 z, s* O+ A+ q- z0 }
visibility:hide;& [% e; v& B* b% ^
visibility:hidden;6 I: G4 B4 P* P8 A* x4 x/ z* p" ?
}
/ }6 a: k: b( K0 }5 R</style>7 u+ v" d9 C) B8 _2 f/ |% G
<script language="JavaScript1.2">9 [1 I" e* c" h# E. L) j
<!-- 改变下的字体的大小。颜色-->2 Y/ s! p6 e& U' i$ _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% }* I2 k! o8 b, K
var hidetimer='';
* _. v9 n/ K T- k5 e<!-- 改变下的弹跳速度-->; J0 N( N/ A! Z* V" G
var BallSpeed = 20;
/ w' @$ I" h9 k5 B) b+ Jvar contentWidth;& W/ Z, C9 ?9 E3 }, m" d- ]
var contentHeight;
: [* x7 ?2 I( v4 ]4 F, L8 i2 ovar maxBallSpeed = 50;+ x4 S/ K; d$ j% O
& ^# q, h- d! H f9 `7 X" H1 p
9 E7 _2 |/ a7 {var xMax;
1 S, m8 W9 r1 ` p5 k. _var yMax;
) A, Y- s& h! t Z2 Tvar xPos = 0;
; h' u/ E$ ?; e3 e s) j- \var yPos = 0;8 A! a7 i! f8 Z1 g9 n! X2 A
var xDir = 'right';
4 B. {( f& C; J3 L- j) X. [$ _var yDir = 'down';
B: C9 _" l. a b1 r3 t9 a; a D5 rvar superballRunning = true;) Q7 j0 t o" N& [
var tempBallSpeed;7 _ }" F) @9 x8 ^7 J) d- f
var currentBallSrc;/ N+ b7 q6 W# a) z4 ?8 D
var newXDir;* W) F+ V5 f4 P
var newYDir;
1 L/ s: { Q8 ^, Z1 t' l; }6 k; t- U7 X
function initializeBall() {
* r4 `- A& H/ U) I if (document.all) {' O) s( ]- r* V- X2 _
xMax = document.body.clientWidth
2 L' u0 Q, Q) P3 j) O yMax = document.body.clientHeight( x& k1 N7 C1 c, @3 e2 L3 ]* }2 J
document.all("supertext").style.visibility = "visible";
* U3 m: w( t* v" B$ Z. o0 w contentWidth=supertext.offsetWidth9 k! t6 A _! E% B. k! w$ E
contentHeight=supertext.offsetHeight; [$ X. @# r% A* Z4 A6 K
}
2 |3 O0 t8 O+ ^+ t else if (document.layers) {
. b. Z b. a0 t) j9 G2 d xMax = window.innerWidth;: y b% k5 \3 }! w3 Y U9 {! R
yMax = window.innerHeight;
- [" e- ~% T* ~1 k2 L4 r contentWidth=document.supertext.document.width
, [3 E; s$ W% _/ ^/ h contentHeight=document.supertext.document.height6 x: c9 l3 [) B o% e
document.layers["supertext"].visibility = "show";
3 S7 a; B { I" f: J }
( ]; @* Y' S/ f/ O setTimeout('moveBall()',400);
w3 Q& v5 v- _" H; v+ ? if (hidetimer!='')
0 S% H# h+ k. X9 E setTimeout("hidetext()",hidetimer)
. \: h! e# F4 S9 L9 x% d }
( Y. @# _$ C; m+ y$ u4 }4 n
6 y4 q( _1 U' c! N3 R0 g6 a% L" xfunction moveBall() {$ d ~# D, s* T
if (superballRunning == true) {
4 N/ O9 i# \ L3 j) d calculatePosition();
6 k n% M$ F' Q7 Q {/ W( G' E if (document.all) {' t3 {# f) u% j3 w8 R8 j
document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 q5 G0 ~8 e2 d% H$ a0 z document.all("supertext").style.top = yPos + document.body.scrollTop;% S0 [5 r2 B* U4 k
}+ ]3 f7 s" @7 b5 Q
else if (document.layers) {( [% n3 @" w& r- P/ N7 m
document.layers["supertext"].left = xPos + pageXOffset; G& M2 a$ [0 d2 f
document.layers["supertext"].top = yPos + pageYOffset;. K5 t: [# E4 y/ W( r- z8 ~% s1 B
}0 h: {0 E/ g" }# n' q: Q
animatetext=setTimeout('moveBall()',20);$ v/ Y# V y; e) [! N7 a
}4 u' |+ t5 ?0 M3 H5 _0 n: S9 y
}" L2 P+ _7 x4 T6 r
" X% ~ u5 _8 ?0 Mfunction calculatePosition() {% M+ o8 f9 M u; O
if (xDir == "right") {; L' |. V k3 R U. P! {, p/ c2 P5 e
if (xPos > (xMax - contentWidth - BallSpeed)) {7 X. q4 i* G: I* q
xDir = "left";
7 T3 h8 k* H" P }8 T. f9 k2 M* r9 c
}. u J2 @ o9 F, k. R, D
else if (xDir == "left") {
2 n; T' g: F: `5 F5 { if (xPos < (0 + BallSpeed)) {
3 o4 D( p* A* F xDir = "right";" s" a7 B3 [# q3 F- [% A
}2 J7 `+ d" s o( Z8 |6 v- {
} @. a: N: B0 E
if (yDir == "down") {
0 r+ |+ |* \1 S1 ?; ]* q3 w if (yPos > (yMax - contentHeight - BallSpeed)) {: i* _# L6 S9 u: P' A6 x3 E( Z2 x
yDir = "up";* C' F" v0 U0 v( s3 a H) X7 j" {0 Z
}+ \" ~ R8 F0 q
}9 y$ w3 y$ r' l4 ~
else if (yDir == "up") {+ W+ e# o# d& a" ]
if (yPos < (0 + BallSpeed)) {
/ R. f2 |) I7 J0 c; g5 ]" @$ y yDir = "down";
% V0 ~+ H L" E2 J u7 o6 L. K }$ `, J4 o1 z# h
}
( \0 n, e& U% j: |4 n% W8 p if (xDir == "right") {
- j( c0 \) a* G4 t' \$ L7 r xPos = xPos + BallSpeed;5 M% C6 x2 w7 S2 _' x3 H& H: a/ c5 K
}) V/ D7 P1 ]: C; I+ {' U* V
else if (xDir == "left") {& _9 |4 w# n* w* @8 Y* z- I3 W
xPos = xPos - BallSpeed;* y3 e6 [' `5 v6 C8 s
}
$ r( r5 Y- X2 ?1 x4 [5 M else {9 T4 E8 x9 W' h9 O0 i
xPos = xPos;$ W3 N1 l5 q8 k1 @& j+ ^ X
}) p( D0 q# ~8 C
if (yDir == "down") {; K* r! v( u* i* F2 N. Z
yPos = yPos + BallSpeed;
) V: E7 ~( T2 T2 W% v3 b0 i) p* J }
. \5 O: m9 E+ p else if (yDir == "up") {: [' ?+ v1 j$ D z! o: n: D
yPos = yPos - BallSpeed;! g; A: F5 v7 b
}
9 [4 a) r; C% X* f- A else {( ]1 O$ W& R" B9 b
yPos = yPos;5 \# D: p/ U0 U8 e2 y
}
# o2 P2 W Z6 f6 R* n& U6 I }2 m+ U' z# j8 S. U( L
, p% J, O8 w& k1 c w! Z/ E0 yfunction hidetext(){
L: r9 k, C; K: Hif (document.all); O9 g$ [' o: T+ o+ y/ ~/ w. l
supertext.style.visibility="hidden"/ k) S2 a! r$ k) ? b
else if (document.layers)# @: N3 D0 s/ o9 D
document.supertext.visibility="hide"
9 z9 m; w; b% Q2 P: sclearTimeout(animatetext)
2 k, q$ K# T0 k; U# O}' z S) c7 u2 l4 e
3 E. K8 k/ y# N+ c4 fif (document.all||document.layers){, n' {: \* V# X* v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ W2 q1 ]. Q' p" }4 |2 z- Y, D
window.onload = initializeBall;
' r& k3 a) t0 T& V- s! r, owindow.onresize = new Function("window.location.reload()");9 @2 s6 ]8 r: F) _7 F2 D# w
}+ [6 |. ~( E# P0 V! ~, g3 Q4 S
( X9 ?! b2 N; ~ y
</script> |
|