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

zw2004

<style type="text/css">0 s; [' X2 d; }) Q3 p- L
#supertext {
8 t2 c; r5 ?8 _$ a: Tposition:absolute;/ x  v2 C1 a, [) ?% T
left:0;: S/ w( p6 J4 _
top:0;2 X7 @6 h  _# M5 [  o& I3 q
visibility:hide;
* s/ j8 ]+ m' t  P% [) P( d+ a& lvisibility:hidden;: O/ P2 k+ h+ K, }4 `# u6 i0 B+ N8 ^: y
}, b: X' a4 s, o% W2 Q! f* v4 v
</style>
% y& O$ G3 t7 P2 j, f, i<script language="JavaScript1.2">2 w! `- H1 A& v- W8 s
<!-- 改变下的字体的大小。颜色-->
( w7 p7 C# F& s1 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: \9 v7 \& I4 Q# S$ S1 yvar hidetimer='';
; y; s+ a' K. Q; l5 h* J<!-- 改变下的弹跳速度-->
/ f7 g1 H# y& Q& E$ U3 h7 k4 [var BallSpeed = 20;
' @* T5 F# z/ @+ ~8 A+ \1 j) Z9 J3 Jvar contentWidth;
/ x+ T8 G4 N- N* B5 _var contentHeight;' N/ i+ g) b4 A0 Q6 m
var maxBallSpeed = 50;) F# X( A- u9 t4 k" K) n* V

) y+ |+ r7 n" Q* H
3 b# ^' m6 v7 d$ _var xMax;+ T$ N" v, l  O( V+ n
var yMax;- w5 K7 L6 f+ u$ r  E
var xPos = 0;' y, k) o1 v+ T
var yPos = 0;5 a, u* ], l8 H. z! [5 o
var xDir = 'right';
, E2 p$ h. X( K: E4 \7 p6 Uvar yDir = 'down';
( {+ d# s# n5 r5 n7 q% l, g5 {. qvar superballRunning = true;3 S6 Q3 M( |) x7 v/ x8 ^
var tempBallSpeed;6 e8 Z/ f* F+ e: r2 H7 A# |( `
var currentBallSrc;
! T- r: E' Z6 f+ B! ]9 i; M: K  Ivar newXDir;
8 D0 J' s' X. F5 r* ovar newYDir;- t+ X# p: @! Z$ J( `

) j: f6 g- S' v* S3 [: kfunction initializeBall() {
+ X7 @' y5 z* |9 V% h   if (document.all) {
3 v7 W- e3 Q0 A" B! n$ `) g" Y      xMax = document.body.clientWidth' }/ i9 `5 E2 Y* I4 u
      yMax = document.body.clientHeight# w& Z- ~& z# D- r+ V. x# t
      document.all("supertext").style.visibility = "visible";
( D5 F( j: @: V" h1 n      contentWidth=supertext.offsetWidth
$ D) g: z: e( D: B( C      contentHeight=supertext.offsetHeight
9 v6 x5 m# j* s4 ?. T, O2 K      }' M7 N' U, v+ J9 t6 ^
   else if (document.layers) {
# l: k: h4 T6 V7 T# q4 j, s& L6 E* @      xMax = window.innerWidth;
: Q/ H3 C2 z' ~8 K3 X' X      yMax = window.innerHeight;
0 l& U! y$ D. y8 [2 x& B      contentWidth=document.supertext.document.width5 [7 |" s" ]' o, M5 z1 }# F8 m3 {
      contentHeight=document.supertext.document.height
( U5 E7 e3 Q- p) o      document.layers["supertext"].visibility = "show";! G3 B, O5 d1 b, V' J5 [9 e
      }
" n* A$ j. d4 e$ Q0 D   setTimeout('moveBall()',400);: |6 t0 B1 Q, O9 ~( }
   if (hidetimer!='')$ W( |$ L- ~) P
   setTimeout("hidetext()",hidetimer)
/ ~; f. F0 t, X* ?   }
2 X; Y% M6 l0 g) m* }2 Z# E: O9 F# D: E
function moveBall() {" S7 Q. i2 Q8 ]" l) d5 p
   if (superballRunning == true) {
8 o2 E) X1 j( p2 w, O      calculatePosition();. g7 ^) ]8 {+ n% y1 H4 {
      if (document.all) {0 Z, V3 l0 [+ |! \$ g* Z8 Y+ e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! |' ~" c& \4 f5 D7 ?
         document.all("supertext").style.top = yPos + document.body.scrollTop;% @8 B, i& F7 U$ {- n
         }
' K( g' ?  b8 N. j0 o+ |8 [      else if (document.layers) {# n4 w  w  ]# \) m6 c' |
         document.layers["supertext"].left = xPos + pageXOffset;* q" y; Y$ ?/ r. i8 W: u3 w
         document.layers["supertext"].top = yPos + pageYOffset;  Q; D6 W9 E: {$ _
         }
8 ?/ w4 Q3 ~1 f- s9 |      animatetext=setTimeout('moveBall()',20);8 v; Q% O" }5 ^3 l
      }& d# e  m* x% w: `' }- m
   }- b+ n  ^8 d7 Z  O  @; J
+ d5 x; G) I& b1 ]: m' d8 A
function calculatePosition() {. q2 I$ @$ a8 }) u3 [5 o2 u
   if (xDir == "right") {
' W9 Y" }& q4 _1 g$ p' R      if (xPos > (xMax - contentWidth - BallSpeed)) {
% D( e2 c2 a0 h( `) v0 Y: ?         xDir = "left";
% K/ q& O/ i! A         }6 n; g) N$ P( L
      }
8 z/ u: E- v6 T   else if (xDir == "left") {
$ `: _% Y3 f8 a( @      if (xPos < (0 + BallSpeed)) {* |3 U  X5 r& z* q
         xDir = "right";  T$ L) v6 g  g3 a! o
         }5 k0 ^7 d( i- |1 ^  ]
      }
% N  D$ ^/ _% ^& g, |1 U   if (yDir == "down") {" L& S' _# ~6 V& }
      if (yPos > (yMax - contentHeight - BallSpeed)) {; D3 m( D5 x4 R7 _
         yDir = "up";
2 k; j( k* r0 o         }
, T3 G+ p* o+ n* C+ M: K# ^* m      }
; o3 F+ F1 H& J5 J! t: c   else if (yDir == "up") {0 [& B" `. {' }2 _
      if (yPos < (0 + BallSpeed)) {
( |0 I$ N" H& x, O$ N         yDir = "down";
, }# Q) O) k6 X5 a( m8 B' u/ M         }
& M" U4 G) ~; A3 }5 v0 g+ a+ ?      }
3 D9 X1 w: q- D1 \: O! X' F   if (xDir == "right") {' k5 h& L; ^& U3 @( q( o
      xPos = xPos + BallSpeed;
4 `5 S6 d' J* ~4 W2 d      }* g; S3 g& Y+ ^, {) I7 l
   else if (xDir == "left") {4 q- J6 [; x# D' f
      xPos = xPos - BallSpeed;
0 K6 G/ A( l& _$ H9 l7 F& S      }
  r( p; Q  L& {0 ?   else {
  \: |9 p0 e1 F' Z; u# I( M      xPos = xPos;
  i. V5 ]4 \; d      }5 {* U6 A$ x' k( a5 {
   if (yDir == "down") {
/ r+ z6 {% u) G+ \9 j. W7 r      yPos = yPos + BallSpeed;
( ]. k) P; t. P2 c      }
  T) a2 A8 l% k   else if (yDir == "up") {
. a' u3 B% L0 [      yPos = yPos - BallSpeed;% Y' v7 ^; L$ h. R
      }$ \( ]5 @- h: |- r9 w( o2 d
   else {4 z* L) [4 c- ?. `+ h- y
      yPos = yPos;9 K- W, J# {/ \: O$ @) g
      }9 T9 y! J; s+ }
   }! g; G$ B& S- H6 u- o! n

4 e- Y) B# o* f% Cfunction hidetext(){
; Y9 c- [( i" O9 _; ~; qif (document.all): r( o4 N+ y2 {, Y5 h3 `
supertext.style.visibility="hidden"
/ H6 g" e- t0 K$ t+ j& zelse if (document.layers)9 u) C" ^: [. ]
document.supertext.visibility="hide"$ e1 u- ]7 ]0 x/ W8 H3 i- j
clearTimeout(animatetext)& U9 S+ x$ o0 X
}0 Z7 u& `3 y3 ~, B

& L* ]* p7 P: E# o1 nif (document.all||document.layers){+ T0 j* p6 r( S* [+ e' L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: z# B7 N5 ~0 O1 z, C$ v( H. Swindow.onload = initializeBall;% Q# T: j; }8 |8 n( l6 M7 w- ]1 u
window.onresize = new Function("window.location.reload()");
0 H7 i/ ~- {3 l6 d- ]* \) @  H, N}
8 D+ ~9 L! B. T: P! G7 Y3 ~- _5 X( u
</script>