捌玖网络工作室 - Powered by Discuz! Board

标题: 网页之不断弹射的文字-特效 [打印本页]

作者: zw2004 时间: 2008-1-21 20:55 标题: 网页之不断弹射的文字-特效

<style type="text/css">
#supertext {1 U6 S2 r: w8 P+ p1 M. ~8 z. u7 I
position:absolute;
left:0;
top:0;; w# m4 f1 f. \8 R  K
visibility:hide;
visibility:hidden;
}! r. X3 ~0 C8 q( Z: _# `
</style>3 o+ C1 ^9 O/ K3 F$ J; Z3 z
<script language="JavaScript1.2">: q2 x$ U! f  D4 P& q# C* M( c
& n1 N) ]" s5 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 a, q9 a4 o$ P- F, s) O
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;2 ]1 Z) ?7 O$ D# F; `, R
  [$ W4 g7 C2 M0 s. {6 j

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';  _8 {  \3 I* A$ o/ F
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;8 l" R9 M9 y; x7 i7 r. q+ P
var newXDir;
var newYDir;
& P3 `$ D1 B% D( D# x% w
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";3 F, l& l, q! F: O! Y& W
   contentWidth=supertext.offsetWidth* R; D$ i" j  x- d9 h
   contentHeight=supertext.offsetHeight- I7 @) A4 B6 }! }
   }+ f) k/ X2 r7 T6 t- Q9 c) p
else if (document.layers) {: A; j! c. V7 f; J# i6 T( H; Y
   xMax = window.innerWidth;) K* W$ H2 J% f+ p' z4 J0 \
   yMax = window.innerHeight;5 k7 G5 f) c9 H) G, |1 }
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height7 u# D2 N" D: P) i) e9 L( O4 J
   document.layers["supertext"].visibility = "show";/ h  a/ i4 J7 D& H# @/ z/ ~5 r
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)5 k5 j2 \7 ^" {
}
( M- Z+ j1 x2 u
function moveBall() {7 q" p# V4 W: J; Z
if (superballRunning == true) {( D6 ?# n9 N; T
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;1 t( Z# T, M: m9 t6 @: D" B
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {' O& ?3 m: j  l( ]3 }
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;! c5 F0 W7 D  J! H
      }
   animatetext=setTimeout('moveBall()',20);7 D+ [2 ^, L+ i0 K
   }" u! A6 u" ^$ f& C
}
( y$ w% O/ i$ {4 _! N
function calculatePosition() {8 i, ~. `) f+ s* O
if (xDir == "right") {2 N% w# u. \0 r
   if (xPos > (xMax - contentWidth - BallSpeed)) {+ T  Y6 y1 C/ Y/ Z" J
      xDir = "left";% Y  M% [! Z1 U0 H+ Y+ N1 J
      }
   }9 T' W+ G; {4 R7 H4 K' z6 i
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {. g: q9 S% W/ U$ J% ~1 m8 X
      xDir = "right";! n5 m5 ]) {- O3 |
      }. }5 A2 _3 @; S& t# x$ D; a
   }
if (yDir == "down") {2 ?- A2 Y; ?; U1 F% h
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }* X! ~: k; p8 O0 W0 m. Y' |
   }4 K2 f7 R1 h1 ~3 o$ j& @, U0 {( \/ P
else if (yDir == "up") {8 M2 W2 D  _" o; U% o! V! ?  W; e
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }! X3 m1 ^& S9 k- e0 {9 [* _& x
if (xDir == "right") {  J. s) f- }% G9 j
   xPos = xPos + BallSpeed;" Y% F" n& u# J1 u; _+ m
   }, F$ e6 {$ w% A6 W8 e: f
else if (xDir == "left") {8 I& t2 _* l- o
   xPos = xPos - BallSpeed;
   }! J+ |- w7 M( L, }' a6 r$ m1 k
else {8 r* D& F( X& h3 z- Q  H/ C
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }) S; f5 ]( P4 |6 p; S
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }# ~+ E3 |2 o% ^& N- @! k
}1 Q+ x) A9 m2 N1 r
6 {8 G& T) Z7 v5 z1 n' a' x5 ^
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"* ~6 _' d# H+ C" j
else if (document.layers)& G" q4 A: d7 m; u
document.supertext.visibility="hide"
clearTimeout(animatetext); X  \/ b5 ~) L: @: P
}) Q& Q( a+ T: C" k. X

if (document.all||document.layers){& Z" N* x; R3 O2 w" b( S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ @0 [% y6 q; G
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");4 |- ]) y2 g' o8 b1 y
}

</script>

欢迎光临捌玖网络工作室 (http://www.89w.org/)