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

zw2004

<style type="text/css">
+ c) N# n( H" F! u- D#supertext {
! J' Z0 O8 J1 E5 W3 `8 m5 [, ^6 Hposition:absolute;
3 J" L8 O  j6 c4 lleft:0;. z0 L; m! T* Y) r0 S# ]
top:0;
" o6 Y, T1 l& U0 t9 F( x- D4 V% Jvisibility:hide;6 {; M+ l$ P" s; n+ l0 N" N. n1 h
visibility:hidden;
3 U! L) }" n8 l}
' O, N2 h% R; F+ R: _" h' Q+ k</style>
/ r; |2 d2 u# s<script language="JavaScript1.2">
" r/ s  C; ^1 }5 q* y<!-- 改变下的字体的大小。颜色-->
  Q$ a& g. ^, x+ r+ bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ |/ y* z9 E  N1 ?% ovar hidetimer='';2 A( J$ i2 Q9 W4 I- m% K. d
<!-- 改变下的弹跳速度-->( i* r. ~0 k) h' j3 g. v; _
var BallSpeed = 20;5 [) B7 M6 r# F9 _
var contentWidth;
. t- a! M+ K  y/ xvar contentHeight;
& p. }5 m3 m  @8 @; K% Y8 evar maxBallSpeed = 50;
% a& F+ ?2 n% h+ Q3 o9 N7 Z& [  d" B" e* L* B

- s; v% X3 H( H. F$ ]var xMax;8 q; Y. q8 j1 b1 l" H
var yMax;
& `9 @& S8 s1 Q) g) f! Zvar xPos = 0;5 o; ~6 A# b* n* S5 g9 b
var yPos = 0;. c  p2 R+ r* n$ U4 @8 t% Z
var xDir = 'right';
' S/ k! A8 b& x% G5 `5 n1 P/ hvar yDir = 'down';
# @  p, y. H1 U! }: M" Kvar superballRunning = true;
% J$ T$ i$ h7 O/ z* O- A$ }+ K3 wvar tempBallSpeed;# }8 r* N. V- i. i
var currentBallSrc;3 d; J# e! U& h2 k: Q2 u1 y+ I9 [
var newXDir;% m' E6 \, K/ B3 E2 Z3 a2 U) f
var newYDir;1 ~1 T6 q* d6 _3 c" i& j! C5 Q
1 h* \" M3 v9 a( I
function initializeBall() {+ w; A+ P% c1 }% q5 o
   if (document.all) {: W8 N9 ?. S* [8 x  w* s
      xMax = document.body.clientWidth
4 R9 N9 e8 |: u9 I. o. I      yMax = document.body.clientHeight
6 T6 k# k3 u4 c7 {8 c# N6 E, d      document.all("supertext").style.visibility = "visible";& F; w( H! t2 l+ G! D+ f
      contentWidth=supertext.offsetWidth7 H( A  ^, }) r$ M4 `" H- J
      contentHeight=supertext.offsetHeight4 L) q0 b  O- g
      }* S8 Z$ w  m9 D# [+ O- R6 t
   else if (document.layers) {* y" _: _9 D: D. |
      xMax = window.innerWidth;7 H- i' i! C0 i, g
      yMax = window.innerHeight;
) e% m. u8 A. T4 {4 z) B7 d+ U      contentWidth=document.supertext.document.width, g$ b- s2 `) ~& c' b7 d# _+ d" s
      contentHeight=document.supertext.document.height
/ ^6 Y2 u( {- B. P8 ^8 d      document.layers["supertext"].visibility = "show";
% f1 h$ ]' }8 e) D      }
2 V' l8 T; R4 r9 [( j0 G   setTimeout('moveBall()',400);; _( [% m) E2 b9 N, T
   if (hidetimer!='')
( W: ^5 W9 Z$ N* F2 [   setTimeout("hidetext()",hidetimer)0 d" z3 d- m+ @( f& D
   }0 n) x6 l! Y5 v, h. t) k

+ a/ \# C: P. J( kfunction moveBall() {
! l# k2 y& @9 x" D   if (superballRunning == true) {
+ S9 C! n" U5 v& ~      calculatePosition();
% U) V& `& i" K( K      if (document.all) {
& I& \. A" X8 j5 r2 |         document.all("supertext").style.left = xPos + document.body.scrollLeft;' H0 p7 u" c% q7 B0 h% ?2 ]
         document.all("supertext").style.top = yPos + document.body.scrollTop;  |1 Y0 f2 [1 T
         }2 S( o7 A* F' e: }
      else if (document.layers) {: H7 _7 N% W) a
         document.layers["supertext"].left = xPos + pageXOffset;% Z' y  x5 {5 w9 g( E
         document.layers["supertext"].top = yPos + pageYOffset;
" o6 @6 V) p: u+ `         }0 z" `+ r# c5 E6 F
      animatetext=setTimeout('moveBall()',20);
  [0 r& i9 }+ O' V. J& v      }& k6 ]8 E- }/ x4 v8 R3 E/ r* z" E4 u
   }0 ~: T' P0 P9 _+ C& ~3 P+ b

8 D' g! t: J9 ~% x$ wfunction calculatePosition() {2 l( L) E' K0 D, g7 q+ K9 S: m
   if (xDir == "right") {+ n5 B; c9 b& l) L3 a0 [
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ _. {5 @: {& w( t$ k$ ^' ]/ a
         xDir = "left";
/ m3 y$ ^- D( N3 K! l% s5 l         }
+ c4 g5 l7 f8 f1 O9 R$ W2 q1 [, x      }4 Y4 m+ M+ |8 z6 e" I- d; @
   else if (xDir == "left") {6 T" r8 Y8 }3 R2 F2 `: i! d' k9 v2 P
      if (xPos < (0 + BallSpeed)) {
& g2 f$ k/ k$ ^0 [& }         xDir = "right";% l7 I" p% r$ F/ {( z) B9 J
         }
% ^1 |' V* j6 l& K# i      }4 a& ~! K3 {) q* A4 h- z1 h
   if (yDir == "down") {
: k3 E& [  r6 r- X4 R3 @8 Z8 C6 k      if (yPos > (yMax - contentHeight - BallSpeed)) {& m! O" S8 c$ O* p
         yDir = "up";8 H1 r; A0 m- J$ i, }1 }0 B! W: [
         }+ ^' g2 \5 E' o8 C
      }
. T9 ^4 Z1 b; b8 Z   else if (yDir == "up") {
0 {$ n  }$ d/ z" n      if (yPos < (0 + BallSpeed)) {
6 h( l! H/ |( O: k' G         yDir = "down";
" U5 C! ?6 y5 W3 N; m- F9 q% A         }, O: z  l2 y- l! i
      }
( }4 V& {; s5 e: f- A' }3 S! G   if (xDir == "right") {
! X, ]8 g* j8 w# r& s& q; m1 v1 r      xPos = xPos + BallSpeed;
) j7 h3 f& b: b7 D* Z& u" |  z, R      }
: Y: t+ D: `5 k+ b  n4 D   else if (xDir == "left") {7 W% b  _2 v# `' Z7 E6 L, f- `
      xPos = xPos - BallSpeed;
; ^' V3 T0 \7 N6 D      }
2 d( `- F( l0 W/ o   else {
. D+ G, d3 j& `      xPos = xPos;; _+ w5 W( A8 ?) C; b: C/ Z# d
      }
. x1 w7 ~/ h$ K* d  }, _& {   if (yDir == "down") {7 k; A0 u# }; v  P
      yPos = yPos + BallSpeed;
' g" a7 m% T8 o+ x4 {1 [6 U      }
* p+ q$ y* D: c, ]# H: `   else if (yDir == "up") {: @+ D  a/ m& c" R- ?+ X
      yPos = yPos - BallSpeed;
+ ~7 Z& R# V$ e      }) u0 Q/ H% o- J7 V% P
   else {
, u1 t& j1 Z( K8 T7 x- K" m      yPos = yPos;2 \, g( a& F9 M/ d  u* M' k0 u3 X
      }
/ c' Q! Z. @% X: D   }" H. K7 c$ v: ~# k
1 x; O4 Z! ?  s0 d( N
function hidetext(){
, [- P' S: ]! l" b0 aif (document.all)% z! x9 _' q; |) E3 U4 @
supertext.style.visibility="hidden"
! P: L* x5 T) r* Z4 lelse if (document.layers)
% `) K) h0 b  Mdocument.supertext.visibility="hide"
  p' W% W6 _6 S( v  yclearTimeout(animatetext)
7 Z& B9 Z& t" q! @+ R+ k; B}5 p7 G/ O  @$ b7 ^% p% P$ J

  o, Z9 r$ c% K# Bif (document.all||document.layers){
/ y9 r5 O" f/ V. f8 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 T0 b" y2 q- l0 i1 V# ]window.onload = initializeBall;
, q" U/ I% @2 _  C9 G8 q7 z8 P7 ]window.onresize = new Function("window.location.reload()");
3 q! v0 O2 }) R3 D* E/ E6 j! D+ H: x}$ [9 R, |1 M' }% g- A& j2 S" B
6 k+ O0 q2 _) y5 T* J. c3 g: T
</script>