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

zw2004

<style type="text/css">! w; e0 A1 \2 M" [
#supertext {
0 m* @3 A/ [* J, rposition:absolute;
6 t& g4 m  M1 p2 {5 b' V- Tleft:0;' [$ v0 Q7 Z0 |6 V! b" ]* ?4 y2 L2 V
top:0;
# i5 ?' W% F  _) V5 Qvisibility:hide;
, R! t; I$ C8 N8 U& fvisibility:hidden;1 e+ J8 k* o8 O+ I
}
$ \: f1 L% E& o; d8 _# P; r% M0 h- @</style>& `( q: [2 b% c% h6 b4 \7 {$ j3 v
<script language="JavaScript1.2">  y1 P5 [6 p7 ?6 q' r
<!-- 改变下的字体的大小。颜色-->
+ ^# H1 P6 Q: s+ \6 l1 R# A3 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ z, G4 s% C6 g6 b" j
var hidetimer='';! ]6 n# J" I" H, F" C* m
<!-- 改变下的弹跳速度-->
/ }3 ]3 l5 d& {var BallSpeed = 20;
- w! ]/ Y$ ^2 ?9 k1 ~" H# Z  ovar contentWidth;" ~5 `7 t& u* `4 N6 D- [
var contentHeight;
: G* e8 N2 Q% f$ @4 g% @var maxBallSpeed = 50;' R3 j5 q& o5 c: G& J+ S3 R: [

. ]2 N% W3 Z# @( a# R- x! B
* `( B% W+ p2 {8 u4 xvar xMax;& t8 d4 n2 T" ]1 I( v$ A1 R+ \& n/ k
var yMax;% ^% p$ t, O* O6 d
var xPos = 0;
) e" a  j0 j+ Q2 Z# |! @var yPos = 0;
3 m2 y6 X, L( \9 hvar xDir = 'right';0 m% K1 N$ Q0 ~! x+ E# k' t3 ^
var yDir = 'down';; d$ [* Y5 P" Q% w6 ~9 B
var superballRunning = true;+ g, z9 ?2 h7 z) f3 L
var tempBallSpeed;9 @7 H( n- b3 j' u6 D6 t
var currentBallSrc;4 z; j) t* U" v
var newXDir;
! }" {) ~5 r& N$ a$ B3 Qvar newYDir;
( g8 T$ ?6 J( v! P! O; @* B4 I
$ ]& i+ h  |* }6 [1 B6 C# Efunction initializeBall() {
8 i7 p: l% J; F2 i1 o   if (document.all) {# B" R7 P4 p" ^. U
      xMax = document.body.clientWidth
# P+ J% p" s4 r* w' j      yMax = document.body.clientHeight0 d- t3 [5 U6 C& r8 `% H* p
      document.all("supertext").style.visibility = "visible";
! x$ n$ \2 r# T  d% \! G      contentWidth=supertext.offsetWidth) U" P4 X3 l% Y7 F) |* E" H- `
      contentHeight=supertext.offsetHeight
' n) T+ C; ]9 F  R8 m+ A# D- H      }
8 B. S/ b7 U1 W! c4 Y, I& L* }9 |   else if (document.layers) {7 `4 |% C: U, i6 x
      xMax = window.innerWidth;$ X1 B2 j0 R) n' F# Y) |
      yMax = window.innerHeight;
6 s) e- w" s8 E2 I/ O      contentWidth=document.supertext.document.width
3 E% x3 g. ^2 y/ G      contentHeight=document.supertext.document.height/ I5 ^; o. q6 s, C* ?/ [# _
      document.layers["supertext"].visibility = "show";" z$ l2 Y! n& z8 x9 X# u
      }
5 G+ n. [, T9 E1 h; e   setTimeout('moveBall()',400);
/ p0 ^7 o% x% X5 x   if (hidetimer!='')
9 A' Y) x+ E# m3 I: U4 H. H8 p   setTimeout("hidetext()",hidetimer)9 z2 e  G$ F6 S8 [
   }
+ `- A- Q1 R. W% l# A6 f1 @8 _
; p  m0 |* Z9 R+ O6 Ffunction moveBall() {
5 E5 ?$ h" @, e6 r   if (superballRunning == true) {
$ E" }0 Z" O5 l; f4 d      calculatePosition();- Y# _$ Q. o) W$ Y1 J$ \
      if (document.all) {
# |( y( G9 F* ^1 m4 N6 i         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 B  J8 _. `4 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;% i: j7 l9 W5 R4 K* E" x
         }
4 i. q9 [& z1 q2 W6 D      else if (document.layers) {
( q; p5 n5 g- G0 J2 D% B         document.layers["supertext"].left = xPos + pageXOffset;
; Z' H" a6 H' t% Q9 K         document.layers["supertext"].top = yPos + pageYOffset;2 R. Y0 I. P& ]. A; U
         }
3 a: q/ i+ i7 f: N      animatetext=setTimeout('moveBall()',20);4 u- N2 Y5 i3 b# W- A
      }
1 I* ?' s+ [9 Z% `/ C   }' f+ u$ G5 v  m- T4 d$ w* d( ?+ ^
% `7 L+ r$ `, o2 _' v
function calculatePosition() {
- b% G; }8 ~  f   if (xDir == "right") {
  R+ F: f* n  z2 a. a, g0 O      if (xPos > (xMax - contentWidth - BallSpeed)) {
; m8 i. Z  V) s* d! r6 m( t' V. p         xDir = "left";
8 O( w, A: v# b4 N         }. a' g8 k2 g( z5 k
      }5 z4 \9 f9 M0 o% U
   else if (xDir == "left") {
" u) Z% r- z8 d* Y8 D4 ^      if (xPos < (0 + BallSpeed)) {0 s2 k* D( ^1 y! [" E5 J
         xDir = "right";
# ]6 }2 |+ v+ B         }
* a- w; g* D3 r      }* t: f% e3 K1 ~  J5 v# }
   if (yDir == "down") {
4 _7 X( }9 r5 E, a      if (yPos > (yMax - contentHeight - BallSpeed)) {& t7 s7 C- J1 G7 k# E2 n2 z
         yDir = "up";, a/ b, ?3 z0 a" S+ j
         }
/ k( k% U" E% f3 l' r) i2 s      }  |/ R" P: Y. [$ D6 x8 O
   else if (yDir == "up") {
8 y+ G/ Y9 x8 B$ I' ], O% d      if (yPos < (0 + BallSpeed)) {6 W# @0 g1 I$ H- ^) C$ }7 k5 E
         yDir = "down";* z' I3 F  o# b+ h+ A
         }! r4 \/ A+ ^- f" i; U  s/ A- ^
      }
" q8 r( ]+ i/ u( Y6 f& w( J   if (xDir == "right") {9 R! B4 m( o1 K, s
      xPos = xPos + BallSpeed;8 v% F( J6 C3 o* D0 S& Q
      }6 I- X# p! _7 U  b
   else if (xDir == "left") {8 x) S9 G6 M8 n
      xPos = xPos - BallSpeed;
  k$ z7 }& T/ _; m( @      }
2 N8 w% i* F( Y+ @9 i: T6 K4 f6 b   else {# K( L& t  u5 W' S9 p  m+ ^
      xPos = xPos;
" i) k9 L6 X& L2 Q1 \2 U! _/ Z      }
  C9 |% W: i# q- v   if (yDir == "down") {
5 D! \. F) a5 w: X! l, F      yPos = yPos + BallSpeed;( X0 I1 E4 a9 |3 u& z
      }7 w6 G4 P# q7 @# x1 J( B7 |! W
   else if (yDir == "up") {
8 P2 S9 B" J3 n. y7 J$ z      yPos = yPos - BallSpeed;
0 \; }5 e2 X! p: T  p* n/ S      }
8 i# u: P# ^0 y0 y2 |- w   else {" F  p7 G. `& \! k2 d
      yPos = yPos;! G+ {& O% U- M" m; d
      }
2 I; n) y* }8 g' C* ?   }( d' I0 U5 I5 X2 @* ?7 c

$ M3 q7 u% l  O& G6 n+ E. a2 Qfunction hidetext(){/ V; J4 r& r$ T& U3 y# p) K8 I
if (document.all)! l* }# n) c6 [- |7 z
supertext.style.visibility="hidden"
1 @; ]9 ]" F2 q& [/ \: m' T0 p6 @else if (document.layers)
3 G$ V; @2 a# v% Ldocument.supertext.visibility="hide"4 X1 J% ]/ J8 L9 A8 S
clearTimeout(animatetext)
% }4 D$ n: L; i) F: f& u+ z}6 h& r, f6 `. N2 M
* s) I1 Z9 i9 P5 ^' T/ I
if (document.all||document.layers){
2 L- Z" Z0 j& rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; y6 k  y1 v$ g2 h! j2 owindow.onload = initializeBall;
, P6 J/ k1 x3 r; V% hwindow.onresize = new Function("window.location.reload()");
3 t  `! Y6 f" n8 n& u- V" y. d* @1 b}
5 y7 f  y: d6 f/ n# C. B0 W& X( b8 p
$ o- z1 o4 \2 {& {, l- E) x; ]$ w6 z, m</script>