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

zw2004

<style type="text/css">1 _; `! L5 @. S. P
#supertext {
; @/ t% _$ c! S% d4 rposition:absolute;
9 v6 y3 e1 P6 R' P- I) h. U; _left:0;
) A6 r( x3 ^' Ktop:0;5 Z5 u6 `2 l7 N  |
visibility:hide;, C. O* m" b" d3 G+ e  t& f( E, d6 F) f
visibility:hidden;
2 c( [4 [& l7 ]8 S}
5 Y  s; p, L% `* b% O</style>
# H% \9 F# y4 H" y) K<script language="JavaScript1.2">
2 Q$ b! B% P6 l( G<!-- 改变下的字体的大小。颜色-->
4 ]+ s& ~' Y4 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ x+ g4 L/ T% Q" k$ `- Y
var hidetimer='';: {" K# n& o, c, x; [
<!-- 改变下的弹跳速度-->- d- k- z7 q, P3 q9 v2 c  O. d( F
var BallSpeed = 20;4 c# S" e- v8 P3 U; G$ j! p
var contentWidth;3 n6 ]& _: T7 `; y
var contentHeight;$ v8 [" ^$ E0 a4 n3 g
var maxBallSpeed = 50;3 g2 ]+ E8 c0 v8 b2 z( F

8 |( A4 B( h# M0 G9 f5 B
0 [$ s5 v/ Q$ E* L3 R' \2 C* T/ j& Rvar xMax;' M1 C7 [& ]8 }$ V
var yMax;
2 k% k" q. `0 G; X  W/ {; r2 Mvar xPos = 0;
6 @2 K; P+ p* ^2 B2 h3 A3 P4 qvar yPos = 0;$ n' r2 P) i! n/ V) s/ ^
var xDir = 'right';: ]- @# ?. r" b" ^
var yDir = 'down';
7 v7 X. q1 s+ A' Vvar superballRunning = true;
4 p3 j+ P' e9 p7 j7 w' G+ j/ D2 C, kvar tempBallSpeed;
3 z' N3 Z3 u/ g, L9 v0 q" q3 x# mvar currentBallSrc;
8 l0 G) m: F# K+ L" c& I! evar newXDir;/ a" v1 l1 p- ^3 N/ ~3 Z
var newYDir;
4 |8 p. [" l+ I. u# B- \0 U/ x: M4 Z7 `5 z' N
function initializeBall() {; y/ a+ R9 v0 b
   if (document.all) {- e6 L/ W0 B0 f4 _9 W
      xMax = document.body.clientWidth
: \$ `) W- f* v6 H8 A  B      yMax = document.body.clientHeight
3 r# {5 R' k3 {      document.all("supertext").style.visibility = "visible";
/ t+ @1 n* h. a( k' @9 V      contentWidth=supertext.offsetWidth7 ^3 P2 P/ d& @% y- ^* F
      contentHeight=supertext.offsetHeight
( v( f: g" J2 C9 _) z      }/ ~! T; {5 E$ o2 ~4 h
   else if (document.layers) {9 X! d0 S2 O2 m' O
      xMax = window.innerWidth;9 Q5 U& ~  H4 w) }# m
      yMax = window.innerHeight;
/ s4 j* h; @* L! ]" \7 E% @  U0 w      contentWidth=document.supertext.document.width
3 [: [4 g, ]9 ?( j9 \: r/ J6 H7 t      contentHeight=document.supertext.document.height- A' a3 w) u6 M: Z) l# Q+ P- L
      document.layers["supertext"].visibility = "show";
% F! i' A( f) {      }
$ a! ^* x, M' W. T7 b5 a   setTimeout('moveBall()',400);* ]. ?# q4 l7 c; K# n. I
   if (hidetimer!='')
- q! h; n" e0 j7 b' H   setTimeout("hidetext()",hidetimer)
9 K1 f& w$ T% D) c# G4 r8 t- S& I' O/ g   }
3 C& w) \0 e- D8 W2 m1 r
! g. u! S* B0 d) A9 nfunction moveBall() {
7 X3 C4 Q" m! F+ l- y   if (superballRunning == true) {7 B- q) S- N5 {3 z& w
      calculatePosition();- D$ c# i: T6 T& o
      if (document.all) {$ U! R( L- a! X. ~: l. o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 n+ ~- _* P& E8 u. q
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 v- [9 U' C, y8 {7 B+ _- d, V( t         }) z, O; l, I, Y' ]
      else if (document.layers) {: M+ B; c" F- e9 n" l  ?  t& p/ S
         document.layers["supertext"].left = xPos + pageXOffset;$ J& H0 f- F, h) Y+ z
         document.layers["supertext"].top = yPos + pageYOffset;
2 c( m) b$ k# N) j8 G* b: l         }6 [4 T) G/ n. \$ y- M
      animatetext=setTimeout('moveBall()',20);6 W6 a3 _3 o6 H
      }" k. P7 Y1 w$ e5 Z/ O+ O
   }
6 G3 p. C) f& N, X
, R6 S% R: A- D; B+ {/ l5 Cfunction calculatePosition() {
9 \) e# R8 R. C, V: ?- `2 _3 h8 ?  `   if (xDir == "right") {+ E/ Z% [+ S5 y0 D' p
      if (xPos > (xMax - contentWidth - BallSpeed)) {& C0 z/ E% w( ?  D/ W+ [
         xDir = "left";
& W: E9 y  H4 t- r6 D+ {         }. c( c& \; u1 \+ j8 o5 w
      }
, m7 d0 H* Y: j& l) [# W6 L   else if (xDir == "left") {
1 F9 a, t' U8 r7 X      if (xPos < (0 + BallSpeed)) {8 {: }1 B! ^, V, j2 h9 y% A6 Z
         xDir = "right";* W, k( J. ~1 K( g! M
         }
2 V6 y  v: P" `6 x" I      }
' U& j) B5 Z) n, g1 C. d   if (yDir == "down") {
% j5 D: t0 ~5 H$ @$ [( R      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 l# D" i9 I$ t+ s1 \, N6 l         yDir = "up";& {1 q6 N6 z' }' j; r3 a/ B
         }! Y5 C/ ]: s3 y4 e7 `2 u; e4 D
      }
8 K: |; v+ a: t# |  B2 Y( z   else if (yDir == "up") {
1 c# A+ {* h4 z      if (yPos < (0 + BallSpeed)) {
! C8 U% u" k% s, i         yDir = "down";
  {7 x6 d3 u. [1 X9 @& f% c         }
5 ^- X7 Q9 O. ~! V$ ]- C7 k      }
9 E8 E0 G* L" e3 @4 G   if (xDir == "right") {, r$ @/ c, }/ ?6 S5 @
      xPos = xPos + BallSpeed;8 e; c  m9 ?+ u2 _
      }: M$ y1 g' g# j/ L+ A. Z
   else if (xDir == "left") {
1 @, c4 w2 B$ t; j) R. u" ?; A      xPos = xPos - BallSpeed;! K7 a6 u1 v! y  ]6 I/ x: P% i
      }* k% t& g) ?, u# H. [5 m
   else {
: D9 \2 d! D0 p9 o7 a9 t2 A      xPos = xPos;
* v+ y3 P8 K) W      }
( @0 T/ q0 v3 R) p  x, ?3 c   if (yDir == "down") {) g6 Y; b8 p% l- c
      yPos = yPos + BallSpeed;
. _# U  r8 Q4 k2 I& C      }/ i$ u0 p3 M- a/ i! D
   else if (yDir == "up") {
/ n/ Q0 W  I# R$ `; D7 y      yPos = yPos - BallSpeed;; h- Q! F% h1 b- A8 M
      }
8 }) P' h" q& v   else {% H* T/ m6 v; y3 U" m3 s) [  M
      yPos = yPos;
1 i1 T2 @6 L* F/ f, V      }$ C  X5 y* B% m. I! @
   }) T( i9 x4 X7 t8 [( v" S
, l! Y1 e5 ~7 {
function hidetext(){
' a% M; N: S2 s1 U6 c1 q( pif (document.all)
: r/ a$ A3 a( B  `/ N+ {supertext.style.visibility="hidden"* Y0 U2 y  V+ B* C! k) H: C) t
else if (document.layers)" r  c9 g  Y  H
document.supertext.visibility="hide"
: F0 j2 b9 D+ z9 S. P% vclearTimeout(animatetext)
; O' l# _1 i& X4 U, H}" J4 d2 }! o$ a5 l0 m+ z3 u
$ ]4 @- y8 t2 |1 J6 a+ f
if (document.all||document.layers){
* V; P$ V; D( x: `9 Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 A- ?7 ~0 {" g: i, J2 A$ ywindow.onload = initializeBall;1 P- G0 |5 }0 f' @% q' u' l
window.onresize = new Function("window.location.reload()");
& g3 Y% E1 T: I6 m}- ^& N+ `% n) x  O- C2 h; P

  E' y. g" c6 T( W* s$ k) _</script>