捌玖网络工作室 » 网页编程 » 网页之不断弹射的文字-特效

返回列表发帖

Rank: 7 Rank: 7 Rank: 7

UID: 133
帖子: 51
精华: 1
积分: 186
金币: 55
威望: 2
贡献: 0

优秀版主勋章

1楼 跳转到 » 倒序看帖

字体大小: tT

发表于 2008-1-21 20:55 | 只看该作者

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

<style type="text/css">
#supertext {5 ]9 f6 d7 F( o- v# e
position:absolute;
left:0;7 `$ j/ L) O7 Z2 e' O
top:0;: S5 H4 {. {. @
visibility:hide;
visibility:hidden;& I! A: x, E4 a. H$ a' f
}
</style>8 \# x+ p. r: e, I
<script language="JavaScript1.2">; B8 d5 d" l8 p- ?. u
( ?4 |. T& A: m- b. [9 s5 ]4 M( T; e) F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;+ [4 O7 Z* D# ]* L
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

# Q5 X3 g0 Z" H2 W
var xMax;
var yMax;1 [* l0 |; r+ }1 g' r) P8 C- U
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';9 v9 m' {4 W/ a7 F# K3 }0 k
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;: H; Q8 F) ?* S( H1 J& d8 ^& H
var newYDir;+ q2 n! d  |  Z& [( I

function initializeBall() {! n" e& x6 q) B& m
if (document.all) {" E9 r- |% u0 J( O  u( I
   xMax = document.body.clientWidth! k3 w6 `: G: H" P# A
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth, k$ r1 a: r1 n" }
   contentHeight=supertext.offsetHeight, U' j* s0 ?) L7 D
   }
else if (document.layers) {7 J  z8 v4 G" }. A& B
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width# n) N$ ^5 n6 M7 k4 q
   contentHeight=document.supertext.document.height) y6 H- p. X" V: W
   document.layers["supertext"].visibility = "show";* Q9 F1 u/ W. H6 n5 {5 z
   }
setTimeout('moveBall()',400);
if (hidetimer!='')8 i; u+ d0 K9 a* o  _  b0 J- C
setTimeout("hidetext()",hidetimer)$ ~6 L8 o* R. F+ G
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;. D+ y% \" j+ l- z! e
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }; i9 C! F+ H. W+ y
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}$ o( \! n3 `+ m9 f8 F' e8 [' b  i
! h1 |9 `5 x+ b
function calculatePosition() {! E: @0 c8 }, R4 V# H2 i$ |8 Q2 Y
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }: W# Q- j* M, C
   }
else if (xDir == "left") {& `, Z9 k6 }% N) E" I5 h# J
   if (xPos < (0 + BallSpeed)) {5 W) Z! Y0 Z6 z# m9 `
      xDir = "right";2 E4 O  a. [7 y& n/ e  X
      }
   }
if (yDir == "down") {3 y6 K: {4 C) ~
   if (yPos > (yMax - contentHeight - BallSpeed)) {, |$ E7 o+ A% @" j& |; o; y
      yDir = "up";
      }
   }
else if (yDir == "up") {" z% O: }/ x% V
   if (yPos < (0 + BallSpeed)) {5 B; ]* T+ _! h8 N1 G
      yDir = "down";6 \4 ~. O$ \9 ]0 `; F( h
      }- y1 z: v: b3 j2 e
   }
if (xDir == "right") {3 y* Y$ |6 Z1 Z
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;% v* {5 s/ S. M$ e
   }
else {- Y& M8 ^" u+ J, A9 O: H
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;! e5 C/ [3 Q! b' @# K+ ^7 K
   }
else if (yDir == "up") {" o% Q' d3 Y; m
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;& T" `3 T3 w  P3 ~
   }
}6 X$ W+ q& ]9 C$ ?  Q$ |
( ?, y$ a( K+ p& Y
function hidetext(){3 q- n6 t9 P9 t: X1 J) B' c' u: b
if (document.all)
supertext.style.visibility="hidden"0 T/ J# y/ n. a+ O4 G
else if (document.layers)
document.supertext.visibility="hide"+ ?3 O% f) N0 n
clearTimeout(animatetext)
}
- f! Y; J/ w& L$ D( Y
if (document.all||document.layers){, j9 S/ o3 {5 T. H" k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( n) Z* H+ |6 E' Z0 C  b. ~
window.onload = initializeBall;1 B( r: {' ]3 a. n
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: