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

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

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

<style type="text/css">
#supertext {
position:absolute;% u- z, B: z; m8 F8 y0 x9 k
left:0;  K; u# W3 v9 a9 H5 Z) G3 }, _7 A! N5 d
top:0;
visibility:hide;6 E) y: q- y' H: q* Q$ `
visibility:hidden;
}
</style>
<script language="JavaScript1.2">
" N* T0 c5 q  m  t+ z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;8 M' I- g# u* h
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;
1 s/ t0 o- f* Y# f

var xMax;
var yMax;. f5 I% X% B9 t% }+ ?/ P3 l4 q
var xPos = 0;9 e' S% O) J% Q2 T& y+ n- Z# [5 @
var yPos = 0;! g5 J- J& i6 n. u& [1 q, t: k
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;* h" L) t. j* S& K! C+ o
var tempBallSpeed;
var currentBallSrc;
var newXDir;0 ]! p+ s1 J6 h6 \+ N$ E8 O0 |
var newYDir;9 o, M/ }* Y" c4 a& V. C/ J. z

function initializeBall() {+ ^, j# U# y) d/ z  C1 O
if (document.all) {0 p! a8 i& W% k5 n
   xMax = document.body.clientWidth6 b3 s# r* k& q; I( ?9 Q
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth" F- r* s8 {" ^4 ~! X# u
   contentHeight=supertext.offsetHeight
   }/ B3 V, [. H+ D, I- T. H5 n- b
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height, ]: {. J$ T$ E$ m
   document.layers["supertext"].visibility = "show";5 D7 c1 T$ X  P7 @* b3 v
   }  ^' A/ I& T; z3 S- R# B4 ]" p
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}
+ p: ]9 z: B& T; Q
function moveBall() {
if (superballRunning == true) {5 a' n( I/ A, Y1 t+ v
   calculatePosition();, w3 ^2 E. w' ^( @. N
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;* S2 F& r, F; L
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }0 k1 y* s! {: R9 v
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;7 G' i6 o) {) ]! P  P! E
      document.layers["supertext"].top = yPos + pageYOffset;4 p5 t# M8 h. N2 x3 S* t
      }
   animatetext=setTimeout('moveBall()',20);# [2 ~5 Y* A! ?  k* ^, P- F+ \( H
   }
}$ M$ M3 g- s7 x) U
0 N: p) \4 q/ G: s0 R5 P
function calculatePosition() {
if (xDir == "right") {/ X. @7 a& W; M3 Y% {( n
   if (xPos > (xMax - contentWidth - BallSpeed)) {$ L7 G- R% z. c. a
      xDir = "left";. i( q0 d/ D) p
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {- Y4 U8 V: }+ G  m% R$ i
      xDir = "right";
      }6 d4 z4 U8 f( q- }
   }
if (yDir == "down") {' M; F4 i4 Q( h( e) I( d: O
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";1 {  N0 u  _- E7 l
      }' R" O: g1 ~: x( b! k! ^0 s
   }2 ~: Y( }/ D; P: }3 i2 P- Q
else if (yDir == "up") {3 g; H8 v! x: w9 N& Y
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";. ?& e1 D1 T& }9 ~1 @. h* |
      }3 D# d: P4 `. a1 L* D6 y% Z" C4 G. m
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }( ?1 W+ h, w' I" U+ h% {
else if (xDir == "left") {! \* R2 T" P. ^# ]
   xPos = xPos - BallSpeed;
   }
else {( ?* @' d0 w  j3 H8 W1 ^
   xPos = xPos;8 r1 G- X2 a* R  L
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;$ t0 Q, g1 n2 r( b4 W$ _# ^
   }
else if (yDir == "up") {" K) z, s- e3 s/ Q- `6 m
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}* M& w* P5 q, X% ?* F: N5 N
- o% a7 W9 Z  v, [. _) o8 ]
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"& I; D) h* \2 ^$ o& Z
else if (document.layers)
document.supertext.visibility="hide"$ L4 ]$ `, u5 n7 ~
clearTimeout(animatetext)
}) L+ W! g* z, H- E
% R+ K1 s: ?- e* r
if (document.all||document.layers){1 F) |( x* ]9 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# {$ E! ?8 n# c
window.onload = initializeBall;& ]7 e1 S8 U3 _! x/ i- F, j
window.onresize = new Function("window.location.reload()");
}, t0 ~4 ^: x0 M3 s! J
9 Q* s5 Y2 N% \: q0 y
</script>

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