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

返回列表发帖

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 {+ R5 g+ z, z& t% u8 n
position:absolute;
left:0;6 K+ }; g* b: z! S) L
top:0;" `/ g( [1 h+ C0 }* I. j6 Q6 ^& A
visibility:hide;
visibility:hidden;
}; n$ X5 s: l$ i( Z( [8 ~
</style>
<script language="JavaScript1.2">6 ~, ^* v8 G4 Q. m6 s

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. q8 |- |- K+ [; ]6 v
var hidetimer='';5 Z8 q0 F' E4 }% s. j' [1 K8 g

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;" i; U3 L6 V+ d% x
4 b6 r9 k& _, O# V

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';# [  e4 ?4 V( u) v4 R6 R% h; X
var yDir = 'down';: `2 z& N6 \! [1 q
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
0 y9 Q" l, j( n& g  c1 l& o
function initializeBall() {
if (document.all) {7 a! h1 t* |9 w1 t
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight6 {* ]. v9 H: m: m& ]: D
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth# q( ^0 I) ?+ h' Y) P
   contentHeight=supertext.offsetHeight
   }1 I8 q' N) s4 l) u& m7 j5 s2 p
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;. n1 W& M2 A6 E1 N6 D* O
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";0 T& N3 o* j. p  b: e3 w3 ~
   }
setTimeout('moveBall()',400);
if (hidetimer!=''); |$ Q* ?/ [2 ^* m0 y5 O; H
setTimeout("hidetext()",hidetimer)
}8 V( C- ^* O6 ?9 w$ R! |

function moveBall() {4 j$ x% \1 e5 @3 u3 y
if (superballRunning == true) {: \* [$ f. g1 O
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;& I  K8 [' x1 F1 O& L* W
      document.all("supertext").style.top = yPos + document.body.scrollTop;- {6 I: ^7 R1 ^2 G
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;5 J: f7 d, C: p3 ?
      document.layers["supertext"].top = yPos + pageYOffset;
      }2 C! t" q' ]: S" U* @* F
   animatetext=setTimeout('moveBall()',20);
   }* b2 W! _, z! P5 L  W( b
}  @" ]1 O0 s0 O4 m9 o; ~

function calculatePosition() {
if (xDir == "right") {. \. j2 N( ~5 y
   if (xPos > (xMax - contentWidth - BallSpeed)) {+ g# J8 Q' ~! R: [& k
      xDir = "left";
      }( w) U9 c- n7 I" P5 }2 l
   }/ h/ M0 ]/ d' V9 a, L$ W: f* }+ \; \
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";! ]  U  w; g' S2 k/ A2 M
      }
   }  h2 _- @% ~4 s+ v8 ^
if (yDir == "down") {+ ]/ _7 S; m6 U1 [
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";: q- s) v7 w+ A
      }$ V: s. o- |( ?3 Y* @! ]
   }
else if (yDir == "up") {# c; r0 Y1 k/ o" n& S9 j
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }9 G% v8 G& s  C
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }  ~* y" Z9 y" f
else if (xDir == "left") {9 {/ T- d2 A3 z# ?' D) j" O/ `
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;, ~2 s1 i" s* g: E# O8 \/ L
   }
if (yDir == "down") {0 j4 C2 U- R- e. e0 M" V
   yPos = yPos + BallSpeed;: Z9 v( m4 N3 e
   }+ W1 r8 {/ M$ W8 x. n; e/ t
else if (yDir == "up") {# F! ~  o! |$ {( C, N/ F
   yPos = yPos - BallSpeed;
   }' t1 l% W# _8 m
else {# m/ W; T4 R; k; W4 G; `1 _
   yPos = yPos;$ P8 T( I" j# ], i7 B5 d* n6 w
   }
}7 b5 _* L- ^. d$ J# W

function hidetext(){/ e/ w$ E) E& h  G4 D
if (document.all)5 d# A+ O% U9 _7 \
supertext.style.visibility="hidden"' Z; r+ g# C# @
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)+ s  s" D8 o" i/ i( F  \
}1 o$ ]2 ^" P+ d: [3 [7 P0 p
! u0 D6 H. K6 U# X0 L
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) I: j- @7 i& ^/ d" r6 ~
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");) R9 X' w* `) G$ o- Q" l
}
& D# k* W6 g$ ]- }  t
</script>

【捌玖网络】已经运行: