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

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

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

<style type="text/css">
#supertext {
position:absolute;* y* y" e! i+ t
left:0;
top:0;5 X1 J5 _- m. w2 w4 W5 {
visibility:hide;2 n! Y9 W! p' C" U
visibility:hidden;5 M. H- Z; g8 X
}
</style>
<script language="JavaScript1.2">, j! P& |. f+ n4 f1 S

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';) ^7 I, G4 l2 z) J* R
+ {/ k4 m; o; v5 e* P* X
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

var xMax;
var yMax;
var xPos = 0;0 P& ~3 m% M# A4 @' ^! G  z2 e
var yPos = 0;: l& y! y) P2 K% y/ b* S/ s& }0 ]- P
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;) \, z! y7 T1 k$ a$ v! |' Y6 l  v( Q
var tempBallSpeed;: {4 Y* C* e  d/ l7 q
var currentBallSrc;
var newXDir;
var newYDir;+ f+ q; l* E% [3 }8 W

function initializeBall() {
if (document.all) {# s; g6 L; D# T9 D$ Z0 D* Y
   xMax = document.body.clientWidth8 }) w% b. l6 i( S
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight9 ]' O. p" t3 C
   }
else if (document.layers) {' S% W( v+ {" x0 q# ]2 z
   xMax = window.innerWidth;
   yMax = window.innerHeight;% B  E, i5 l1 @
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height7 P* E( b; A  H" |
   document.layers["supertext"].visibility = "show";
   }: E! s! V5 j  u) e8 t
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)9 ^7 s4 [- P8 S/ `9 d% @' W
}- R) q+ V, n/ g  T3 a
) e1 A/ ~) a1 ?+ c; G
function moveBall() {2 m' D# G9 H; y: d$ e
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;$ o  O* B1 T4 z
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }  w+ K/ f0 U8 B1 c
   else if (document.layers) {# Y5 q/ b3 B# _2 D7 Q- E
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;, r( z* H9 Y- T& l. b- N
      }
   animatetext=setTimeout('moveBall()',20);
   }+ W8 _* j3 ?9 E" E1 @# Z+ T
}
# J' J7 ~% @# W, q  J8 C: L
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";  Z5 R3 T  j3 H* z; F* e" j, e' y
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {& a. g' h+ ^* A1 [
      xDir = "right";" B9 k$ i! x. B' p, A
      }/ j) q( g) K: a  d' {
   }; a7 e9 R; i6 D2 M. T& p7 R$ k" k$ ]
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }5 G4 ~2 ]6 a# J. e
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {4 T6 \* m& q( _
      yDir = "down";
      }6 ?$ J! _! ?) X& g( N: G4 U
   }$ ]. W+ c) }& ^% }6 [8 ]6 M+ a4 K
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }0 Y6 O# b' e/ {" C; H% O- i* o
else if (xDir == "left") {4 @1 a6 ]: h% o' s# ~" Q
   xPos = xPos - BallSpeed;' d# E- O/ j- t  ], m
   }
else {, o: X- @7 x4 m9 ?
   xPos = xPos;! M- k- j2 `2 Q& ~  p0 \: Q1 p
   }
if (yDir == "down") {' p& _% n$ Q3 t+ L
   yPos = yPos + BallSpeed;4 b8 \* t: o. o. k; s2 Q. Y
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;' z/ q5 h# p7 v, Z$ U1 [. ?
   }9 d. I5 r4 ]( @% a& E  R
else {
   yPos = yPos;1 p# G6 A, l) ]7 B- y7 O
   }; @( D; D8 c) [* w
}% H6 O' L2 \5 d. y4 K  }# e, r
1 o, {" X5 J" h0 S* \
function hidetext(){2 Y7 x: J" c% G; ]! r
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)3 ?. o' Z8 |- D
document.supertext.visibility="hide"
clearTimeout(animatetext)& H  H6 ]- d9 C  k$ R0 ]7 a# G
}
9 q, O1 G/ ]0 o( I7 l. m! d! O2 o9 @
if (document.all||document.layers){0 U$ s. S- q' F9 f- x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" Q$ b$ p- m8 X! b: Y5 _6 E3 `' ?
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}$ L; y8 Q: L3 O

</script>

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