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

zw2004

<style type="text/css">9 w5 z0 O  f0 X# Q& s
#supertext {9 l" B% T7 A; B
position:absolute;
' q6 {6 G+ s9 O6 `4 M+ Sleft:0;
# o- b6 {- m! F+ otop:0;  i8 C, u5 o  F8 |- D- x+ h( o
visibility:hide;! N8 f, O0 Z3 z0 `: [& ]* Q
visibility:hidden;
9 d: y5 e. J$ y/ k7 |}* K+ R  M8 s4 g0 Q! U  @  |9 }
</style>1 i$ ^% Q! p! p5 g$ Q
<script language="JavaScript1.2">6 A% G+ Q9 b! h% h; S* V; S: I
<!-- 改变下的字体的大小。颜色-->" {. l) {/ W  @- K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; F4 l6 v  j# F+ R3 Y
var hidetimer='';
7 o0 [3 L4 h, A, k) V2 Q) w<!-- 改变下的弹跳速度-->" P6 v( p  b8 g( c& m
var BallSpeed = 20;+ Q3 j3 f: Y  s
var contentWidth;# }) c! I) t+ d- T3 T, e
var contentHeight;
  d0 I/ z9 Y. c# |var maxBallSpeed = 50;
5 d* d* m9 L& X% |
' D0 G) i+ Q0 o& W
  T5 a3 s8 ^+ [3 ~5 p7 B; I' Nvar xMax;
; o/ b# [3 |. h1 q* |/ Dvar yMax;# I. y8 }5 s. D, f
var xPos = 0;* C6 X& ~5 Q& H
var yPos = 0;  k# t# `: r0 X  s
var xDir = 'right';
& w9 R' K+ y8 N' fvar yDir = 'down';% N9 y/ K9 }+ R0 y
var superballRunning = true;
" p7 ^# p8 `" B& K1 B9 Kvar tempBallSpeed;0 ^8 o1 J: S" ~( c0 h# A
var currentBallSrc;
# \( A) e7 K3 w& T9 jvar newXDir;
4 s& x5 M0 Z: r2 Nvar newYDir;
5 J" k' o' C, l+ T) C8 v  ?
+ N5 U9 w! {7 F4 X* S) `! ~. sfunction initializeBall() {7 d2 ?# w; J: z7 ~, I, G) F
   if (document.all) {
7 E" r9 x1 T0 s% @9 c# u. j      xMax = document.body.clientWidth, ?3 `) n! ?  E9 G1 g# I
      yMax = document.body.clientHeight4 m. ~# w  C/ i9 q
      document.all("supertext").style.visibility = "visible";
( ?9 T) |9 {$ j( x2 L      contentWidth=supertext.offsetWidth
- K6 j! m" d8 H# [* _5 @      contentHeight=supertext.offsetHeight
# G8 N7 Y* w9 O      }- d: `6 k8 `) H4 U6 E
   else if (document.layers) {
' K9 k2 I6 `! n& k5 b  M      xMax = window.innerWidth;
# W. S9 _3 l9 H' ^      yMax = window.innerHeight;: @# K% n6 O* A" E( m' a/ f/ H
      contentWidth=document.supertext.document.width
+ ~- \$ Z# u- X) ^6 h      contentHeight=document.supertext.document.height7 v" k# P/ N, M1 y! X
      document.layers["supertext"].visibility = "show";+ Z: a" e) J3 N4 w! D
      }
/ t' G: M6 j& |' g$ ~) J   setTimeout('moveBall()',400);
* O3 ^) e5 y" g4 m* V2 p9 C4 U   if (hidetimer!=''), P0 `& a# _7 q  g( u( ~
   setTimeout("hidetext()",hidetimer)
* Z6 H6 Y1 {# h; F& B- `   }
4 y$ p! z. ^$ o  P9 s5 L' ], [$ f6 ?' y6 z, m. \/ q% Y
function moveBall() {
" K3 T9 }: ^) _; I6 m   if (superballRunning == true) {
3 h- S- l4 N& g; H      calculatePosition();/ Q; d8 G( m8 ~
      if (document.all) {3 b7 [3 S4 |5 |) W# z4 N0 l# H: u: }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; r3 |! ?$ X" }         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 Q  G% O7 b1 v4 O+ Q, J         }- f; g: D7 Q: ]0 ^) F* b- `4 e( \
      else if (document.layers) {) Y7 C6 P( ]; x3 I, r) F, N
         document.layers["supertext"].left = xPos + pageXOffset;, u6 t: v: O- {( k
         document.layers["supertext"].top = yPos + pageYOffset;
2 C8 L+ [* X5 I& U' V  z         }) y2 ~% n$ y, t& `% f
      animatetext=setTimeout('moveBall()',20);
' _+ \% w+ I$ j& s0 L0 c      }: Z1 q5 J7 {  X9 R: L+ Z
   }6 U( B6 Z+ ?/ {4 t+ j) Q6 ?) w
* `! e8 G: J4 K5 V2 K! F! |0 I
function calculatePosition() {4 a- A  K7 O3 @# N! I; c* l
   if (xDir == "right") {
# ]9 y% k  H8 R- z8 E      if (xPos > (xMax - contentWidth - BallSpeed)) {& i% j: T- w6 t7 r8 O* y
         xDir = "left";" h; R: s, P7 {' l
         }% |& d& F8 Q3 U- u; I
      }" Y2 b9 Q6 w7 a# x1 H. X7 Z
   else if (xDir == "left") {+ h/ v4 L9 f. O3 A
      if (xPos < (0 + BallSpeed)) {
# I' o9 B$ b& M' [$ R' _         xDir = "right";
, a6 @) G* L6 ]2 G& c/ O         }
2 }2 @$ i( K8 K- M      }
% r! b0 V+ o6 f$ A   if (yDir == "down") {
5 c4 u0 I$ e; b' K/ S# W# H      if (yPos > (yMax - contentHeight - BallSpeed)) {1 j0 W1 Z4 k' }1 N) x
         yDir = "up";
3 L: K2 [2 m0 `7 c9 N" l         }
# A7 [. Q  F, }% P: A/ m      }
1 @( ]7 r) l# z+ t9 B   else if (yDir == "up") {$ O, q& X' L/ t1 {8 h, P$ e; T: a
      if (yPos < (0 + BallSpeed)) {9 w7 C9 t2 s  q+ ]0 N* k
         yDir = "down";# v. Q- R9 C! s' q# J8 v
         }
+ x, a5 I4 `$ C- c      }/ A; [4 ?5 K3 i7 ]+ R8 s, l* K. f
   if (xDir == "right") {
  R5 v  X( D6 o$ ?" N4 M      xPos = xPos + BallSpeed;# s: y+ g2 h( E; `$ F* ]  I$ P2 |
      }" L. T3 @+ W; N
   else if (xDir == "left") {- y8 q$ L/ K7 r6 m) Y# Y
      xPos = xPos - BallSpeed;4 ~/ s6 u" w: t
      }4 ]# t% m: c- B3 ^: ]# s# Y
   else {& m9 H. X3 q$ A2 I1 y/ [+ d
      xPos = xPos;' e; b9 _8 s: u, i# a* S1 J! M
      }
9 G8 i. c1 h6 |0 Q6 d   if (yDir == "down") {# O. ^9 P, s  K( }. d3 u( [
      yPos = yPos + BallSpeed;1 k+ C) D4 \' \* o8 E% {: H
      }" d/ t( N$ h+ h/ @: @( S: Z0 o6 Z
   else if (yDir == "up") {
# c1 A; N, i! ]      yPos = yPos - BallSpeed;: \6 Z" |8 e8 U% @' I
      }: K5 m% G' S+ S) ^9 e3 D$ v, @1 _
   else {
6 \, h+ l( {. ~0 o" N      yPos = yPos;
' X6 q- a( J/ v* L1 `) a: r      }
, A2 j5 j) t! F3 V# k! L& {   }
8 b; J2 z. c8 f5 ]2 k6 q% H! J; `; \+ g4 _
function hidetext(){
( ]! G; W2 J  hif (document.all)4 _# o  V# @5 H9 E6 l/ k, S4 `
supertext.style.visibility="hidden"5 N3 Z6 a! Q7 _* l) U9 [) m3 p
else if (document.layers)
$ U9 u/ s  M* ?" zdocument.supertext.visibility="hide"
* e/ ?  S' d3 e: o- W$ jclearTimeout(animatetext)
, [7 Y1 t3 e+ Q. [+ W: Y+ Z}: s+ P/ Q! K5 V; ~6 N1 f
3 X) p" C6 `2 V' h
if (document.all||document.layers){9 d" U& k# E; j8 n# b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( Q( u+ j6 u% y1 `( uwindow.onload = initializeBall;) X) R7 ]+ w. k1 O; o$ Q+ ?
window.onresize = new Function("window.location.reload()");
8 w$ h9 ?  R1 f9 e7 X* R6 f}
7 y7 [0 _5 e6 n1 U* \' c) [1 ?4 H6 {
</script>