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

返回列表发帖

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 {. w( m3 {5 H# ]
position:absolute;
left:0;
top:0;
visibility:hide;; |7 g. }2 l9 i$ j) R
visibility:hidden;
}( k, m" A9 U% F, [! T/ m" m
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';8 Q- @' o: `' ~6 a
1 \, q0 n' r. x$ @% M4 W9 K
var BallSpeed = 20;' G, W& U) b& S( w
var contentWidth;& a% e) P9 Z2 S8 K$ B
var contentHeight;
var maxBallSpeed = 50;

* `2 O0 J% Y" s- f+ i0 Z& {
var xMax;0 }5 b8 b. o$ H- j' }% ]
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;6 W( [8 W, B, {( Y7 K
var newXDir;  n- j# }- q) Z% s7 m* s4 p% {& Z1 q
var newYDir;& u3 d" t7 O0 L. g* X0 r
, d) |. H7 R  V3 `+ s: @1 R" i  b
function initializeBall() {
if (document.all) {3 S, b1 u- w4 x% `/ ?5 n9 H  ^
   xMax = document.body.clientWidth# L) x+ k) ~" E3 U. h! D
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight, e* ?' R( G" |* c
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width$ q) i+ [& c: E6 h! Z
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";* y* ~; x3 c" ?- d" V
   }# }! s+ v  E+ w- e7 P
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)! U0 h7 H5 ]5 @9 e$ s
}
5 b' M5 Z5 D5 h4 E, L
function moveBall() {
if (superballRunning == true) {4 f* x) z* K+ W8 e  Z' {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {  Q' ?& K* f9 |1 v9 B+ M
      document.layers["supertext"].left = xPos + pageXOffset;3 k3 b. [, X5 B$ [
      document.layers["supertext"].top = yPos + pageYOffset;, D5 i5 \* F5 }* G' R  E) {$ V
      }
   animatetext=setTimeout('moveBall()',20);8 A3 X1 N: M$ ^+ H2 e
   }
}

function calculatePosition() {; r- U) @. S9 E& q$ U% Y2 w, \9 c0 P
if (xDir == "right") {6 C. g4 t% d- G! D, j/ e
   if (xPos > (xMax - contentWidth - BallSpeed)) {! h4 f6 m% q3 g, h; k6 P/ P- Q
      xDir = "left";( D' t6 L6 p6 Q0 `5 i+ X
      }
   }; i8 G% C9 \; W+ p9 @8 o
else if (xDir == "left") {# A; ]/ m+ B0 C! q: K
   if (xPos < (0 + BallSpeed)) {$ E( e1 c) O( {3 T7 W; X. l7 S
      xDir = "right";
      }
   }7 e+ T+ f) _: \/ Q" y/ t5 [7 q
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {( ^8 W# P) q3 c6 S" [" B
      yDir = "up";
      }
   }- d+ n8 |% C% y: d; M4 c
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";( s8 u  h, |- U7 H
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;9 p# E, g# X  ~* f+ J
   }
else if (xDir == "left") {5 U# _  r1 c" h+ F8 \
   xPos = xPos - BallSpeed;
   }4 t" v2 B5 {7 y* \6 x
else {
   xPos = xPos;: u  J* U( [/ d3 t* c9 r
   }' \0 [) E! U7 X
if (yDir == "down") {
   yPos = yPos + BallSpeed;- s& m7 R* v( i
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}

function hidetext(){, i* d$ f" ?0 S* ]  C! d
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)6 T: }4 F: C% K7 M9 J$ L, ]
document.supertext.visibility="hide"9 t1 [8 l7 ^! d2 d' o9 v
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ n1 E# O+ Y2 D' C# e& O' |% n
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");: t/ B/ i5 R7 k; L5 f3 C
}

</script>

【捌玖网络】已经运行: