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

返回列表发帖

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 {
position:absolute;
left:0;
top:0;1 Z/ N4 ?9 m3 x& S3 H$ u- j
visibility:hide;
visibility:hidden;
}/ R/ T8 R3 L) B* z7 J: O# }
</style>, N' y; s! Q2 l, g
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
( s5 w& V6 b& k( `/ y# B! ~# x: W
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;& U9 G9 }6 c' y
$ u! _# u2 e5 y0 q

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;1 F; l- ?* ^3 @$ k8 I
var xDir = 'right';) B% x- x- z& _4 n$ `
var yDir = 'down';5 F  y* Q. ?' O; {5 o0 L
var superballRunning = true;
var tempBallSpeed;, d, S1 c! S. q3 N
var currentBallSrc;% g( Q& e7 C7 ]" q" o# L. z, E
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {. W! I( S# _9 R/ t/ @
   xMax = document.body.clientWidth) u3 [& q# x% w7 E& r
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";' e1 F3 Q4 e" r- b
   contentWidth=supertext.offsetWidth8 w% ~& m& t, n$ p* [
   contentHeight=supertext.offsetHeight! [1 x8 A& x' a2 I9 p( @
   }9 X2 D+ K& S8 a0 K) J5 {  E
else if (document.layers) {5 O, [7 j  u) t5 O
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width& w3 s# `; n+ U$ Y, u1 W* T- z
   contentHeight=document.supertext.document.height+ Q* f* m5 P  R' o3 L
   document.layers["supertext"].visibility = "show";
   }7 r/ X# a6 @7 K- H5 ]
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}7 `0 u& k2 `- l

function moveBall() {
if (superballRunning == true) {- m, ~+ X% [" [, ^9 Y& W
   calculatePosition();# A# J! g, k/ t7 |4 l
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;) i0 ^/ A# y6 _% U+ _. R( O
      }3 \, N( ?, i! }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;7 D  m* l1 \; B& ]
      }
   animatetext=setTimeout('moveBall()',20);) O: \8 N- b9 M; x- G
   }
}
' @: L. B8 S; \" _- ?& R; f  u
function calculatePosition() {
if (xDir == "right") {/ |) E; L. q* |% n4 Z. `$ W* h- J
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }0 w. W6 z# L5 j( y( s/ k
   }
else if (xDir == "left") {" ^- L) a0 w; {8 m4 z; e
   if (xPos < (0 + BallSpeed)) {7 l8 n& q6 P! J- r- i
      xDir = "right";
      }
   }8 `7 [' Y# T$ y6 }; J2 w
if (yDir == "down") {9 V( e# t8 N; ?6 ^/ V. d
   if (yPos > (yMax - contentHeight - BallSpeed)) {2 z! b1 T% P" n- B, t* ?, S8 B
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";$ ?! D  v' Y  m# h" N
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;7 W1 e9 T+ B. g7 a& _# ]
   }
else if (xDir == "left") {" @. O; ~" \0 K0 u# @( |+ N: W
   xPos = xPos - BallSpeed;
   }9 ]1 |& c5 Z% f9 I3 z6 m
else {
   xPos = xPos;/ L6 P/ o8 @9 y
   }
if (yDir == "down") {) m* b4 j3 }% V2 K; [' s
   yPos = yPos + BallSpeed;% A( m$ O! h8 {: Q1 z5 }
   }7 m& Q( [. q. m& Q; o
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }: U, |* E. u7 O  L% `) }$ A+ p0 C
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)1 M2 \- ?; x, i7 w0 E' R4 @
document.supertext.visibility="hide"
clearTimeout(animatetext)' W& @- H" F1 C
}# O; W  U- W; S

if (document.all||document.layers){, C. F  Y: v# e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
3 u: H8 p8 b1 z0 @& w
</script>

【捌玖网络】已经运行: