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

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

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

<style type="text/css"># ^) ~' k: n! z  E
#supertext {
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">' m0 ]% S( `. A" R- B
$ q! r* F/ E- u6 `5 V
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
4 a6 \! ]6 q5 C% G3 N+ |2 }: }
var BallSpeed = 20;( G0 `4 ]& x' ?, U
var contentWidth;' f8 J( _, O8 a: S2 D) z4 V9 p
var contentHeight;7 R* {% W! L" l% T+ ^
var maxBallSpeed = 50;- J5 O' f$ a0 k1 ^# O  S

7 l. e7 j+ `; ?, v# b! M2 H# M# x7 z
var xMax;
var yMax;
var xPos = 0;8 c8 _! {; i) B% x; t0 a( d# [
var yPos = 0;
var xDir = 'right';
var yDir = 'down';1 ~5 e+ m$ [$ J) h3 `
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {# I, P0 D! X$ r
if (document.all) {3 F( o- ]5 E! j4 c" `
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight7 R, J3 c# m5 ?3 l2 T2 W( o
   }
else if (document.layers) {
   xMax = window.innerWidth;0 m" H; r4 L+ |9 K# A+ k" h' p
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";& |$ _" _1 M9 v' x+ P; a
   }
setTimeout('moveBall()',400);
if (hidetimer!=''), E/ e! F. Y. Y6 ~# Q0 v4 R# ]
setTimeout("hidetext()",hidetimer)
}$ q- H9 X  m2 R8 [* ~7 S
' K/ p. Q0 k) [! w/ g  T3 B
function moveBall() {$ h5 S3 D1 c( |2 d
if (superballRunning == true) {. C; ~1 L) j! m$ G, s6 l
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;  R+ \# O; {0 w
      document.all("supertext").style.top = yPos + document.body.scrollTop;# a8 z$ n: D: Y6 U7 R
      }4 Z5 H& n; @8 X3 l( n
   else if (document.layers) {1 h; b4 }3 J7 i+ f& m
      document.layers["supertext"].left = xPos + pageXOffset;  s% y' ]6 V" v) d/ L! y
      document.layers["supertext"].top = yPos + pageYOffset;5 [# q  _/ q; y3 n
      }0 O# r& ?: f) D# _" s
   animatetext=setTimeout('moveBall()',20);
   }( [6 y3 e1 Z. M7 S% |4 T
}
9 H" }( r7 O$ Q7 o
function calculatePosition() {& h4 e1 }9 r& N3 m# W
if (xDir == "right") {! |, R; [7 q! ?0 l5 @
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }; L0 R" }: W* q! o
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }3 t$ a& o: u% [3 C
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {9 i- |+ F8 |' \$ D
      yDir = "up";4 f" f$ F( g) ?  F6 y
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {, {8 _3 D2 x! D7 d
      yDir = "down";; X/ p5 q! G1 }* i# v
      }
   }5 I0 w9 k" H: p1 G1 a% E1 \% r
if (xDir == "right") {' M9 n4 x" g( d6 Y8 {! L6 C' X: o) ~
   xPos = xPos + BallSpeed;
   }8 \# {4 _5 B7 T- _
else if (xDir == "left") {
   xPos = xPos - BallSpeed;. P" }& o/ i' P. |
   }( k4 M& X1 \  l& T3 b7 G9 c
else {) y+ c5 G2 I+ {4 I
   xPos = xPos;
   }' g- Y8 p9 |. A, V9 _
if (yDir == "down") {( R. t% G- X! K( a
   yPos = yPos + BallSpeed;1 s% K# R$ o) p* m. i5 }8 y9 b# D1 B9 o
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;' t6 R6 f! C: Q
   }
else {) m" H. e4 t0 \
   yPos = yPos;, E& K% L8 L3 Y  u
   }) A9 n( r7 N. u/ P6 N7 \* O7 s
}
& }' L2 D$ W' n# R
function hidetext(){
if (document.all)* T- O& T! a& W7 r% K3 |
supertext.style.visibility="hidden"; v2 j# F& d. A3 @  @2 {* h
else if (document.layers)
document.supertext.visibility="hide") @' z6 T( P) H2 h: v/ I9 Q7 l
clearTimeout(animatetext)2 J* x0 J% t5 q' H# A+ E  D
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

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