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

返回列表发帖

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;
visibility:hide;+ r" i# e( i0 s1 W3 j! y
visibility:hidden;
}8 K$ _% [; s, r
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* N7 Q8 C7 f- P
var hidetimer='';( t- g: e) A1 ~

var BallSpeed = 20;! H. ~5 P! G+ x& G5 C% p" T/ \  f
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;  s# l. y3 {) [- U* f" e8 a

var xMax;
var yMax;
var xPos = 0;  J1 J* W7 Y; L( m! w; @
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;% e# A+ b, e) w% q) O. t3 H% u
var currentBallSrc;. G! m. C2 t* Y$ p
var newXDir;
var newYDir;3 u0 U! F1 L) L/ R4 m

function initializeBall() {
if (document.all) {2 n- J  v( \- C- D
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth* H3 f, u3 a) `$ m3 H; j7 T4 b
   contentHeight=supertext.offsetHeight7 |) L# K% S7 _
   }
else if (document.layers) {, i0 e: I" R6 F$ K( {, ]  ^
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height1 g- |6 t/ i8 u
   document.layers["supertext"].visibility = "show";3 w6 r# E" h/ H& ]
   }6 x5 A+ D0 m9 T5 Z# V
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}- v* b3 p2 ]0 ~& O8 N1 D; N
7 n6 h& ^$ K; \8 h2 q
function moveBall() {$ K! P( j0 @+ Q9 s, F1 U
if (superballRunning == true) {' u3 `$ N* ]4 ?, I) ^: N8 D4 @" M
   calculatePosition();/ V; i6 A& {8 R: n  q
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }& K! z4 N- c. }" z8 O5 U
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;6 ~0 ?( Q9 O2 a  |
      document.layers["supertext"].top = yPos + pageYOffset;$ {+ r+ p1 f, S
      }6 @  J, S+ I$ o
   animatetext=setTimeout('moveBall()',20);
   }
}1 T5 t8 z5 ?3 B0 E* ~. U* A, o
; F" X) B& [* p' F; ?; X
function calculatePosition() {7 N" b% w" R) }9 `( [  f
if (xDir == "right") {' x' a+ m2 v4 T- s
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }- ]/ Z9 V! o1 C5 I9 {
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }, ]3 T' g, N" e. V+ S% t+ E
   }" {8 e. T9 ^  R0 l; E3 }/ j8 `
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }: O( C$ i. [1 c1 J( n3 O3 l: E
   }+ v, ^) w: ], Q3 G
else if (yDir == "up") {. Y' N. I0 v7 G' \( v
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";5 L) }0 e& s$ i$ G# ]8 W! |
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }6 C; v& }( }* v/ v1 W$ q% ?  O
else if (xDir == "left") {7 ]9 I% M& }- [, ~
   xPos = xPos - BallSpeed;
   }. H+ J$ E- L2 |- b% O8 M7 T
else {
   xPos = xPos;8 Y; |' }$ u* c& L& m
   }% p0 Y. p* K3 {+ |% }$ Q* p  h
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }1 h7 E6 Q( p. a3 u0 D
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}

function hidetext(){9 Z' S  |2 Y3 h+ G) F
if (document.all)
supertext.style.visibility="hidden"1 y$ }# B; `& r% D8 O
else if (document.layers)* r3 B4 r1 [* q) m
document.supertext.visibility="hide"
clearTimeout(animatetext)9 m% v  `" s2 c( {+ \( z
}2 {7 L' x" N9 |, g; W1 J. i# P
' t9 d9 ]7 E4 ~1 a( M' l" g+ `
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# v2 u( J" q8 t' @& o5 ^  K
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}" b) g' h+ W, }6 E3 |6 A" t

</script>

【捌玖网络】已经运行: