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

返回列表发帖

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;4 g) w- E; e; T
left:0;" l+ E. n+ m% c0 J2 Y& N; K
top:0;
visibility:hide;
visibility:hidden;4 J% R6 U& U9 L
}
</style>
<script language="JavaScript1.2">0 y% q3 V2 i" x
- t* h( `; n7 Z8 M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ ]1 b+ N+ u" a
var hidetimer='';. N4 b9 o; l; q

var BallSpeed = 20;$ P5 u# n$ G8 ?( x9 V/ a. u
var contentWidth;
var contentHeight;. W/ ^( Q$ g& a/ I5 o' B0 \8 `( B
var maxBallSpeed = 50;: C; u- M7 N# W% `

) M; l* x/ A( O- n1 K. @
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';9 O* Z& A1 j6 _  }
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;6 ^3 Q6 \5 r; n9 ~" t
var newYDir;

function initializeBall() {
if (document.all) {8 `4 X7 ]- [+ y! b) R
   xMax = document.body.clientWidth" @1 G, C8 E4 v9 K) K* F
   yMax = document.body.clientHeight7 \! R5 m4 v' A
   document.all("supertext").style.visibility = "visible";( \. [5 M$ w5 y, L" R5 j$ ^
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }1 C4 p2 e; ?/ B5 a- k
else if (document.layers) {+ u: m% H5 K; w  U' l2 x
   xMax = window.innerWidth;
   yMax = window.innerHeight;( d. I5 H  C4 h7 A0 H. S. D1 I0 L
   contentWidth=document.supertext.document.width. s" W' p$ o. q" o* C3 f7 m8 P+ z
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";$ O$ X9 x+ Q: C  T, \. g
   }  C& x$ A& ?' P/ x  l
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {8 e7 K% l% e) ]- s$ V, J
   calculatePosition();4 z4 w% S( X0 l2 ]8 d2 E
   if (document.all) {" u$ F% L  [7 j; b& U
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {3 C- g( I6 `+ A2 s
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }. }% c+ `2 v& q- z' t2 l
}
; j: D* a6 n$ y; \$ _/ P5 E
function calculatePosition() {
if (xDir == "right") {& {2 f3 ?* O/ C+ @- \
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }- `7 D' H( g6 ]1 J
   }/ ~3 o, [6 ^# S) L" q
else if (xDir == "left") {8 E7 V3 k  K" p! a: y
   if (xPos < (0 + BallSpeed)) {! f. k& y) N) X; m7 G9 C4 f. a3 ]8 V
      xDir = "right";
      }( Z7 X( ~* J% g  N
   }' E# J3 e* d$ u+ C7 k& X+ N
if (yDir == "down") {  k  ~' d7 D: e5 r: e
   if (yPos > (yMax - contentHeight - BallSpeed)) {# r% H3 c9 H) W, @% {9 E
      yDir = "up";# q. Z5 B/ [5 b
      }
   }
else if (yDir == "up") {8 ]3 o7 ]+ L# t0 n1 a
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";* B2 m/ g' E5 X# [; ]9 T3 }
      }  u9 m" l% Q/ @) \9 o
   }
if (xDir == "right") {7 {0 B. Y4 \: J& z0 p
   xPos = xPos + BallSpeed;
   }" }+ D, N. j7 [, v4 _1 u
else if (xDir == "left") {. H6 o+ e& ~& @& E/ {/ z! T
   xPos = xPos - BallSpeed;
   }
else {5 h$ A. B6 ~3 }, n
   xPos = xPos;
   }. l2 r0 I  k5 A# P1 K2 D& |* g& }7 Z! {
if (yDir == "down") {( X% f# }. Q" J
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;# r4 \" M: A7 ]4 Q, E! ]; X
   }) J' W1 [2 A& C0 c  v
else {1 S* C( g9 T" `
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)$ d" h7 }  G; K* ]/ E
document.supertext.visibility="hide"" F3 t8 w' z4 d' L, C7 L3 U
clearTimeout(animatetext)' i' ^: G; `- |( Q' \  I
}: o; L0 I/ c: |5 v! k
/ @, @+ h0 h& X4 M
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), _7 O$ j( Q/ r$ _$ m3 }
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");: w3 b0 X! l, j: U8 r
}
# _! d- @, Q$ }2 @2 q% Z  {
</script>

【捌玖网络】已经运行: