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

zw2004

<style type="text/css"># W* I8 v: T, c+ B
#supertext {) J4 n  R, y; b: n) K, X
position:absolute;
6 _  e3 h* t0 A4 yleft:0;8 k; o/ M- X' s8 H8 R# s* A
top:0;0 F% |6 w, [4 ?& a
visibility:hide;
& T# q0 o% U, h- ?; U' Svisibility:hidden;
5 J) w5 n. F) n3 J7 O}  V9 n! B  }- h7 l" y& R7 e/ Y4 H
</style>
4 d2 G" _" g8 y<script language="JavaScript1.2">& B" @8 t$ o3 a6 \, w9 M! s
<!-- 改变下的字体的大小。颜色-->2 y# J; ~. T2 |6 h; n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# Z) r+ k3 ^0 Zvar hidetimer='';
3 l5 S9 F* A) ^8 \5 N# z<!-- 改变下的弹跳速度-->
  @; @7 z" g8 \var BallSpeed = 20;
" Q+ `& S2 {: h6 [) Q0 S% D9 qvar contentWidth;
8 ]6 p+ i+ y2 C; r; u5 S9 Svar contentHeight;
" O: f* j3 Q9 k3 d8 T" Jvar maxBallSpeed = 50;
2 c3 v7 f) u6 u% v
' E7 D) v; ?, c. y* H3 I  X' Y/ X* ~) [% P9 |- T9 t
var xMax;
! f$ q0 `4 n/ }0 e9 {3 kvar yMax;
7 K% M9 x! X( q& h  @# Avar xPos = 0;
) i# M) S! A: q! }- ], Pvar yPos = 0;; v' p& N' N8 \% F' ~6 a' Z
var xDir = 'right';
1 n( K/ S/ j( }5 v& X; Xvar yDir = 'down';( \" @$ y% ~+ e6 a  u( c( R: r8 n
var superballRunning = true;0 r5 A% T. W  G! m
var tempBallSpeed;; c7 {( o. w1 U6 P7 G
var currentBallSrc;
+ B8 z7 E/ q9 zvar newXDir;
1 S' N3 A; U3 z/ a/ C- b! T! e, V+ jvar newYDir;/ _5 E8 Z2 W3 M
, f6 b( F+ K6 P& [* C
function initializeBall() {
9 u" C& R  ^# n3 I2 E" v   if (document.all) {
1 Z$ \9 m/ P9 c6 u, J6 `      xMax = document.body.clientWidth* e7 U9 [5 G! M! F
      yMax = document.body.clientHeight8 |- l: }/ `  m! a
      document.all("supertext").style.visibility = "visible";' E  ?: l, F# I( ~% \
      contentWidth=supertext.offsetWidth! [2 _9 T) {* S' \# [
      contentHeight=supertext.offsetHeight& Y! h7 H5 S) @) l3 U. r
      }
# R" o6 y8 y/ c   else if (document.layers) {$ p/ _3 F: \5 U' n7 F7 ?- ?& j6 t
      xMax = window.innerWidth;
; H  X, `% J3 \  O; ]4 B      yMax = window.innerHeight;
) H  l) T& q& F& V      contentWidth=document.supertext.document.width' Q) z$ r) {8 n0 d1 ~8 h: @
      contentHeight=document.supertext.document.height% x: Y0 c$ a/ v* P+ Q  L
      document.layers["supertext"].visibility = "show";6 p, H: y7 ^( v' j& `- M/ J2 T) a
      }
, `" c* f% H9 p' a8 `# b5 |6 j   setTimeout('moveBall()',400);) R. y+ v/ l0 b4 M5 K
   if (hidetimer!='')
/ j# a7 v* Z/ M+ E/ U   setTimeout("hidetext()",hidetimer)  s& c& R" R: p1 w' v5 {
   }
& ~* T8 {7 s0 k4 g# i8 u
( ?! I! @$ {; j. Q5 x/ Q) d$ vfunction moveBall() {
$ C3 b) `# i1 G) u" Q* Y' b   if (superballRunning == true) {- {) F" F8 C& M
      calculatePosition();7 s2 _0 A2 @# l  B! \' r: o
      if (document.all) {
$ ?2 K, v, y) S/ K+ _7 T         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 s5 E/ J& T/ o
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 e1 C4 v' _, W& E1 V         }: r' l- O8 m9 Q( `9 B
      else if (document.layers) {* J! V' S( U1 W
         document.layers["supertext"].left = xPos + pageXOffset;4 b2 w3 E, w7 v" u, y' T! n
         document.layers["supertext"].top = yPos + pageYOffset;
0 }; B( O' r2 R- y6 z         }" q1 Y- x& n; g! r* y, @* K
      animatetext=setTimeout('moveBall()',20);# |0 Z6 D$ N- V, W" p! S
      }
% z, T. Z( p: T/ e9 k) e   }- m" M  X' Q- ?, `& [

6 _' t0 x, f6 v6 Qfunction calculatePosition() {2 j) u4 p! U% v9 F3 I  V: Z$ C
   if (xDir == "right") {+ \! ?( G- i5 j' x; K
      if (xPos > (xMax - contentWidth - BallSpeed)) {) ~6 \! W1 R; V. c- d. G7 o. A
         xDir = "left";" L: Q; p3 _/ ?: G
         }) G1 M  d6 ?& F4 Y5 V
      }
5 J3 E6 `4 O/ c1 H  z   else if (xDir == "left") {
' j7 D" d/ T+ W; G7 H      if (xPos < (0 + BallSpeed)) {
+ L3 ~1 Z7 R& \$ J& H, R0 R         xDir = "right";
9 q# q1 s# @; n) U9 K         }
# S0 [8 k6 |! {! o1 \0 b7 E      }2 g: D; m7 U2 L& Y
   if (yDir == "down") {: T; s4 g5 |/ |
      if (yPos > (yMax - contentHeight - BallSpeed)) {) v2 j6 N& s( L! v7 i
         yDir = "up";4 A# \/ Q# v* A$ r3 P
         }& ~+ A/ O5 \! L# Y
      }8 U. Z6 M  C, z0 u
   else if (yDir == "up") {, _/ L& L2 L. s4 V* o
      if (yPos < (0 + BallSpeed)) {2 w& u5 m0 S1 ~' V' G+ \2 }
         yDir = "down";
5 K3 w. y& J+ e+ f         }
1 r) M4 g5 C+ u1 B8 G6 b      }
- \  X1 @. X! _) a   if (xDir == "right") {
& k0 R4 l, j( C2 j( Y) O; ]      xPos = xPos + BallSpeed;
. z2 V1 @# ~8 o! P, b  \      }6 R) l; a) S! k/ F* r+ R# v& \
   else if (xDir == "left") {( P+ s' H9 ]# C7 T* W' s
      xPos = xPos - BallSpeed;$ i0 k: z5 J& B$ r- q- o4 e0 M
      }0 B* e% [3 y3 g8 r! a6 {% y' q
   else {
1 Z; A2 q" r  q9 _# w      xPos = xPos;' g& v( C, S/ a  Y
      }
( w0 X, {: r' d% s, ]& y% K8 @+ I   if (yDir == "down") {
: L& Z' N3 p3 I+ U      yPos = yPos + BallSpeed;
2 \" _; f7 \5 I+ o! \) ^4 _      }) W% ?3 i6 f, W( y% t
   else if (yDir == "up") {
& G( }) K8 x1 q      yPos = yPos - BallSpeed;
# J5 D3 d& t: R7 }# D. z- P% c      }* X  [6 Q3 s& \% w8 X( x# }. z
   else {4 Z& I& S! t) f0 z
      yPos = yPos;8 u! g  j- Q' S" b# k$ n' Z5 h9 V
      }" `" ?3 r( ~, i) c1 Z
   }" N% C& t. f5 _2 G- o& x6 w

% Y: d! G  [* ?, G) h+ Jfunction hidetext(){( K: r' d8 e: H- U
if (document.all)
  L6 `/ b5 C9 o: t! ^2 esupertext.style.visibility="hidden"
0 [1 E0 t0 }% A  v! K* d5 welse if (document.layers)
* k2 X% a1 [4 T) U2 {document.supertext.visibility="hide"% w) z3 z6 M- @& W4 I
clearTimeout(animatetext)* n$ P2 G! e8 X: E5 b; U
}
' L% ~; }* {; ^; v5 p3 n2 K  h& \: x" l5 U% w' Q
if (document.all||document.layers){
3 U8 {4 Y5 n% k$ u4 |7 ^6 rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 C' f  z$ j) k1 [' ?) a) y
window.onload = initializeBall;9 f! F- v0 S0 u* I) S1 |7 {6 r7 Q# o
window.onresize = new Function("window.location.reload()");7 {$ C& g' `/ j* g+ K8 {
}
! G$ n2 n8 ~5 `" f& w. r
! p" L) K% J, }, X7 ?</script>