网页之不断弹射的文字-特效

zw2004

<style type="text/css">, Q5 f" z! w' ~8 n
#supertext {/ v  q* D8 l5 \: c# b
position:absolute;
: u9 q: B8 W& u5 p0 `' pleft:0;
- v6 w$ \+ ]8 F  T6 x6 rtop:0;
8 r$ \, a$ A3 j) \3 }$ g2 s4 u* Svisibility:hide;) ]7 w+ m2 I! c5 ]- Q, H
visibility:hidden;
. K. L1 ]( g# {) B/ s1 @. g7 H}' R' U4 H, b8 l' y+ x: l! o5 H; N
</style>
4 f3 }4 W% n7 M' A  Y<script language="JavaScript1.2">
# I7 Q" {# F- _- R/ _<!-- 改变下的字体的大小。颜色-->) x8 p8 |6 u0 _2 Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! w' y& q4 [/ c$ X" u) b; p7 m: P
var hidetimer='';
2 ]* }7 w8 E$ U6 m<!-- 改变下的弹跳速度-->9 L* m  a) i* e: o
var BallSpeed = 20;
: N8 y  \) o( j0 \6 c% H! ?var contentWidth;
8 X, t4 x$ m8 B; a5 B. l& S7 T& R, k8 zvar contentHeight;4 o% ?+ X1 t  b7 [4 J  P' A
var maxBallSpeed = 50;6 c* ~- k. L  E4 @  t
) |0 y0 F% d- z% c2 ~! j* v# {
. K! U$ y+ j: N, w7 H4 o6 B  ?3 l
var xMax;' S* Q3 q5 f3 C; |" ~
var yMax;3 {0 A) F' c: d4 r" l1 ?9 X
var xPos = 0;
% {. V3 s' L+ \# ]+ Wvar yPos = 0;
) H# L  Q% n8 xvar xDir = 'right';- c4 E9 }$ i$ s; k3 c: Y
var yDir = 'down';
( n- j$ v: G  ], |9 D7 R' J' hvar superballRunning = true;
) l& w  u$ C: e7 b- Qvar tempBallSpeed;
3 Q$ M) T& R- v" \% `6 Vvar currentBallSrc;* _/ @' o7 e" R* v  I
var newXDir;% l4 Y4 a: ~' ?; `' S" p
var newYDir;$ I  u0 F2 `, o, K
) c: n$ {# R4 K: L. V4 M3 M
function initializeBall() {
5 ~3 H; s& u+ _4 F9 r: E9 D0 S8 V   if (document.all) {, T. c- l1 Q( O' x
      xMax = document.body.clientWidth6 A, o0 i! u* H4 j
      yMax = document.body.clientHeight
4 W* k- `1 f5 F) ~      document.all("supertext").style.visibility = "visible";
% m  u9 y, m" S      contentWidth=supertext.offsetWidth
7 D; A; T) k0 w' c$ T      contentHeight=supertext.offsetHeight/ E2 K% ?/ ~& U% e
      }4 }' w' i" d% C& [9 T
   else if (document.layers) {
7 o2 O' P, r* A! X: o' x      xMax = window.innerWidth;
1 P* T! d/ J: Q1 J/ H0 Z      yMax = window.innerHeight;5 o/ U6 u; R* A# ^9 I0 r1 Z; R: Q; ?
      contentWidth=document.supertext.document.width
& B% {5 U5 V" k( p      contentHeight=document.supertext.document.height
: E, L+ h5 x3 `3 z      document.layers["supertext"].visibility = "show";  S2 K) X0 M' {: i: ?: b
      }  Y9 I% k7 q: u& b8 n7 C6 q
   setTimeout('moveBall()',400);
9 g& |7 D5 ?) p3 p   if (hidetimer!='')
1 m; x& |3 g& u6 w2 K' V" c8 C6 u   setTimeout("hidetext()",hidetimer)
% C# T5 v5 d% h7 e1 J) q/ _   }( M& [% v6 ?  G( b# L/ D- F; L
" @" ^2 s! z$ s- |: h1 G* X) M
function moveBall() {+ @9 a- Z5 q( n+ N3 t( |5 m2 |
   if (superballRunning == true) {
# `. G" i7 A0 n! t5 Y      calculatePosition();
/ F6 k  q$ o+ R/ @8 c- N      if (document.all) {  \2 R! @5 a0 w/ N5 U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 V, F7 R+ J" Z7 t4 K% `9 {+ z         document.all("supertext").style.top = yPos + document.body.scrollTop;
# m9 Y( {7 ?7 y2 g8 r         }
0 u9 F- o4 B6 l' k+ Q      else if (document.layers) {
6 N: a% G0 T% a$ z9 z  y         document.layers["supertext"].left = xPos + pageXOffset;
& r% _8 O: ?, T4 {         document.layers["supertext"].top = yPos + pageYOffset;! R7 @+ p- V5 j8 t2 k, z& t/ \
         }
+ P5 D! ]5 {" ?+ J7 ?      animatetext=setTimeout('moveBall()',20);
( b: M0 C( s& q  l      }; u0 K! J2 P- d; y8 R, |
   }
4 O% s) R2 e1 n: a- B* H/ k, ?: M8 L+ b9 r( W3 g: B1 r% I5 a
function calculatePosition() {4 s% c1 `8 y. q% O" [3 h
   if (xDir == "right") {9 t1 q( w& t3 X# `; g- _
      if (xPos > (xMax - contentWidth - BallSpeed)) {! P$ [/ L, V: J( ~; n, r
         xDir = "left";6 ~) [9 _2 v+ g! P/ y! c9 P
         }
$ s- X$ C9 n" G% n: R/ _      }
; ^! p! X9 `2 Q/ K/ r8 B. R   else if (xDir == "left") {
6 P' {% F# h, o      if (xPos < (0 + BallSpeed)) {8 V& s* C/ [* P) F
         xDir = "right";: l; }7 k; R0 Y5 n& K
         }9 x2 M: R& _' [
      }" Q& m7 G. n- S
   if (yDir == "down") {! m% q6 Q3 [; M) `  [5 a; |0 ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) S2 _+ M, W, ?6 e3 ^         yDir = "up";
% R5 e" N( A& ?9 L8 F( y% [         }
' S2 Z0 e# l# [, o' X2 I      }; L4 R2 o: _1 L" i# H& h7 A
   else if (yDir == "up") {2 v8 M( S" ]9 c# \0 _' _6 b, R
      if (yPos < (0 + BallSpeed)) {( q8 k7 Q6 r4 Q
         yDir = "down";
. p% W3 w) T: J3 j2 F* t         }
  [5 z+ _5 r) i5 y6 a1 ?  i      }
& P& {# W& u" ^2 X: |) P   if (xDir == "right") {
2 o8 b7 E9 ?3 ~7 y; B0 A8 |      xPos = xPos + BallSpeed;
/ \1 c& H4 D2 A, i5 B/ F* Z      }! z4 U+ J& f9 t+ k
   else if (xDir == "left") {) a3 q! G% b7 y6 M% O  O% a
      xPos = xPos - BallSpeed;+ o3 n/ O7 q/ t# E# \3 \' e$ z* {* F
      }
# i$ ^  X. t8 A, @8 V$ Z   else {
) n& x* ~$ K3 v- ^5 G, R6 U      xPos = xPos;9 v+ A0 e1 w# V( Y- D: v2 j+ M
      }. C1 W2 T; J0 _" f- ^1 q7 j
   if (yDir == "down") {$ L5 y3 F" ^: d! {
      yPos = yPos + BallSpeed;
* l- t4 l/ C: g& R0 r      }2 K. ^1 q$ j( S, n, R
   else if (yDir == "up") {
$ R. o) k% F! |      yPos = yPos - BallSpeed;) A) \- H2 q% `) j# B
      }
2 w! i+ a# w* _; \: H   else {
+ H9 B* u' a* K0 n0 R      yPos = yPos;% J" D/ K4 }# d% y9 z: }% `
      }; M# W* w( c' M: U8 c& P+ n! N
   }
, l" Y. p* q( k6 w9 l- e6 ]
  y: L, n" D" V4 x+ u9 D3 O* ]function hidetext(){& ~8 V/ K* A1 v) J8 a/ h( W$ o
if (document.all)
) a8 d9 d$ [7 ]& \( Zsupertext.style.visibility="hidden"
4 k; ?3 d/ C- k. z2 A$ Uelse if (document.layers)# t$ J0 V1 e6 n' M
document.supertext.visibility="hide"
- R4 y* s5 m2 j" K) b8 F0 qclearTimeout(animatetext)
. b4 S, u) k$ C2 s' ?}
" P# K" O' G7 Y, J7 J' h! H
1 G/ k  B& n6 i( z  Vif (document.all||document.layers){2 H; @5 w! C# R- e- q$ n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). [" p" y3 [9 J# z$ Y
window.onload = initializeBall;
5 O$ \" S  b4 P4 Gwindow.onresize = new Function("window.location.reload()");
/ j# V" z- w0 U& `}
3 N/ e4 F6 ~* ^# X- n
6 R- r6 z4 o: x" o+ b</script>