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

zw2004

<style type="text/css">
# i9 q6 ^- J( c8 Q0 H#supertext {5 y- B/ T  ~( y5 p( p& f" |8 T
position:absolute;1 w; M  X  @: }+ d8 i( M7 A2 `
left:0;
* V; `9 K, E# _7 ctop:0;
) R. o) F; L2 ~9 N7 Cvisibility:hide;
$ G; p4 H9 V7 ~2 xvisibility:hidden;
4 e$ M( {2 k8 b; {! y6 P/ _/ I1 I: `}
8 N+ p3 u9 G8 ^  d3 M" u6 w/ T</style>( |1 R$ m+ r) G9 V( F" N% ?
<script language="JavaScript1.2">4 K1 t9 ?) a  a0 f# z3 q! G
<!-- 改变下的字体的大小。颜色-->2 u& [" D+ c" Z- S* }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 r0 |" o4 L0 X2 m  }; |* d& lvar hidetimer='';* T' m+ U$ q2 A
<!-- 改变下的弹跳速度-->" u! x5 J  }  i! W" U
var BallSpeed = 20;
5 h' g8 y, B- Q  C5 Nvar contentWidth;
* U% Q4 a8 i* `5 N/ y! }, Dvar contentHeight;
% g+ h2 _3 V; hvar maxBallSpeed = 50;
, y% u% |  ?, ^+ p) W
% w, I/ e- f1 T" |( {) |2 `  [$ I- ~& P0 C
var xMax;
5 u$ A$ \  h# k4 l3 i: k, Nvar yMax;
0 q" }9 j! ?$ {( l7 n- ]var xPos = 0;
  F. H1 |. O/ s) k4 n2 A7 v- lvar yPos = 0;7 ?4 {; x5 _3 X5 I% l7 Y$ p: ]
var xDir = 'right';
" ^6 j0 f/ r" k# e1 N1 R+ }var yDir = 'down';. c! Q" c" R* v; p
var superballRunning = true;" Q7 b4 B& z- g' C
var tempBallSpeed;
8 y" v1 L; H3 D$ K  dvar currentBallSrc;
% V- |, U* r6 T, ?- V3 mvar newXDir;* z4 k9 m% v; X# Q$ q% }- e
var newYDir;
. b# m( m% r' G- s& R0 N4 _  k) L. ~  Q7 ^
function initializeBall() {0 b& ^: c- i% V3 @1 W4 i4 ?
   if (document.all) {$ i" N4 g' R$ u6 y" k
      xMax = document.body.clientWidth, g! P1 a, `" h" v# F: m
      yMax = document.body.clientHeight$ l+ T: {: V) I" D3 N
      document.all("supertext").style.visibility = "visible";
& u' P% ^6 V, p: ^7 Z- J2 H* _      contentWidth=supertext.offsetWidth5 r$ c; p- X1 g5 N9 E+ `% j
      contentHeight=supertext.offsetHeight
" q/ S/ E  _4 P+ y" t      }
8 w1 U) }+ k; V  N; Z   else if (document.layers) {# u7 k) D1 m. q+ s- ?! T: {( ^0 G0 g
      xMax = window.innerWidth;* P) [( f# |" o# B+ B
      yMax = window.innerHeight;; w: O4 @! h0 n" A- j
      contentWidth=document.supertext.document.width6 Y  P7 Z, K5 {. G' b8 W: O9 P8 ]
      contentHeight=document.supertext.document.height
/ q4 X, D) p$ i9 o. O      document.layers["supertext"].visibility = "show";
7 Q$ u$ R0 W) t+ F* _8 \/ ^$ h4 A      }8 W- |( j; H8 {5 D& c* [
   setTimeout('moveBall()',400);
/ g" B: ~& Q# Z3 R0 M% f( a   if (hidetimer!='')) y% A/ w- D' i' Y8 E/ d' v# }+ `
   setTimeout("hidetext()",hidetimer)+ i3 x8 N- j: s+ M7 D! U# K
   }1 |* `( @% B4 a+ X- m8 t/ d
% ~+ W5 P* S7 E4 E
function moveBall() {
( x! j% C# A+ ?! [6 c% n& P   if (superballRunning == true) {  N$ X& J4 V' p, ~7 T; C) [
      calculatePosition();
: q9 R9 u9 i! X" _# X! f      if (document.all) {
( M- f5 v) c2 X; ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ ^+ j& ?  k4 F7 @! Z3 |9 ^         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 E) X: T& S! }9 b4 D5 H" x4 F         }- V) x1 C( }' V/ p, u5 `- [
      else if (document.layers) {
& ?9 P; s" {; w* K         document.layers["supertext"].left = xPos + pageXOffset;. T* J2 V* ~1 }1 m4 [' `' f# J
         document.layers["supertext"].top = yPos + pageYOffset;
& D5 X+ J9 y9 t: I, k& p: K         }
' j* ?) x! |+ L- B' t3 M6 b; e      animatetext=setTimeout('moveBall()',20);) B; G' U& k6 E  z( {9 x5 N
      }) c+ t3 ~8 B* g& u0 w- m8 s
   }
# [0 g$ |% `2 p4 t  d* M, |
! O' O- o3 k/ U) P- xfunction calculatePosition() {6 l; e; {9 V! G: l
   if (xDir == "right") {2 v7 n- i* t- ]# I2 p8 x" \
      if (xPos > (xMax - contentWidth - BallSpeed)) {: [6 J- [5 h0 _0 B
         xDir = "left";
" R1 S7 X( k1 h; V         }
: w. h- w3 z7 [2 H! R" B      }9 |- a+ Q( h# @' n
   else if (xDir == "left") {
7 R2 o6 P, _7 r8 }' X- `8 h      if (xPos < (0 + BallSpeed)) {
) u5 z" z, {3 T1 H# s3 W7 B         xDir = "right";
: O. ^0 k/ i' U: }         }
% ^1 {/ P; k! o      }0 r! t: _# \! b$ u
   if (yDir == "down") {
& f% X* P/ U) Q      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 {. L; R* M8 S" E! t, x+ X  ^         yDir = "up";
8 W8 ?3 H) a6 \6 X( e' m* V* m         }
- y, F, j! O/ _6 {      }
& U" _6 L, h3 h8 a# x- U   else if (yDir == "up") {/ @9 J  W2 s6 G% N
      if (yPos < (0 + BallSpeed)) {
9 ~& G$ h/ z/ K: ?: i/ K7 h0 W- b         yDir = "down";; o% z7 v. P# R, \3 D$ m3 l1 X# T
         }6 j% y2 q! C( O" J6 F% }0 |# ^4 T+ L- d
      }
  N$ f+ u( I. H- T  _8 P$ g   if (xDir == "right") {" l2 L4 _% R+ M6 W: v1 `& V8 P
      xPos = xPos + BallSpeed;0 r3 W7 _7 a7 u! y4 v
      }# v& ^: U9 w1 o, O) U, M4 N2 D
   else if (xDir == "left") {
1 @0 W( u4 D- h      xPos = xPos - BallSpeed;# s0 H- B/ j! x3 K2 ^+ A$ [. d+ v
      }
/ J% X" `% M/ _2 d% G, k& c8 T   else {
& L5 U  O5 Z  i2 z      xPos = xPos;
7 g  p4 a1 j  v, v3 ~+ t% n  b      }
4 s- o3 j) f9 J/ I   if (yDir == "down") {2 H3 C+ ?6 {+ A0 |7 a4 k
      yPos = yPos + BallSpeed;
, j# s3 N6 r: g5 d1 f( W1 ^+ P! X) f1 Y      }4 l4 g  [/ }! n& j9 q# e
   else if (yDir == "up") {
' q. \' o3 j' n* _, c8 V6 Q. I      yPos = yPos - BallSpeed;
7 Q8 G+ m5 J5 A$ `      }
( ]' D+ U/ ?: n6 S9 H6 x   else {
- P! ~3 O1 l% Q2 [- J& N* `* f2 o( F      yPos = yPos;/ S8 S0 [- x( l7 l/ E
      }  h7 h* H" X6 F- J# @& d/ k
   }
) h4 R- r; N" `2 J% R4 Q( u2 l$ D+ E! {/ T+ l
function hidetext(){5 T$ c( A+ |6 S  c, b
if (document.all)! S( r' Q7 x% h2 l7 k
supertext.style.visibility="hidden"9 |/ z8 R5 }5 p3 o' I
else if (document.layers)
% ~0 ^. P( o9 p& ~# Ydocument.supertext.visibility="hide"
* h5 x" R* c, a. @8 LclearTimeout(animatetext)6 H1 Z, h0 ?" ?+ J
}
0 m4 L2 z& m& }7 [2 ?
4 [% N; ]* l6 Y0 i" mif (document.all||document.layers){6 H4 f. I! ]- L: U2 \, J8 @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  b9 b9 j1 `5 E1 q. e! ?2 [window.onload = initializeBall;
; D% I( h; p. D; C6 x6 ^window.onresize = new Function("window.location.reload()");
! k0 q; I" b6 v' ?9 ?4 W: ?}8 `; M3 e& f& k) F: B# V
6 B8 ~2 n! s: `$ `
</script>