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

返回列表发帖

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">* d' I% O2 U3 m# e
#supertext {3 ?: x: Y/ O: \
position:absolute;) b: ^2 M/ z2 {3 |$ A$ p2 X! C
left:0;
top:0;/ p( C- c0 p6 I% M
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">
% K4 [" r' [* R: d4 w! U2 t  \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;5 S! ^" k0 Z" U% G: g! o
; q! j% x4 h) V$ Q4 Q9 J6 I
+ y- o" R( B, d6 ~
var xMax;
var yMax;
var xPos = 0;* K! ^& }" Q9 O& p! N: A7 L/ ~
var yPos = 0;. T) a, \/ o! b, C( |7 F8 k/ N
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;: ~7 T0 ~5 w" m- M6 e! S4 t
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {. ~; @( b+ ]) f* ]5 [2 Y5 [
if (document.all) {6 p$ a9 v6 P" D6 r4 z7 Q
   xMax = document.body.clientWidth* f, X# Z, Q# L) H. F: {/ G
   yMax = document.body.clientHeight2 j. a$ P) B. R; O/ J  o
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth. W  o$ T- H$ I! ^! t
   contentHeight=supertext.offsetHeight. S- N2 k) C4 _' V
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;" \! Y0 Z* F% E7 }2 N0 N
   contentWidth=document.supertext.document.width, ~9 t' S' c, P' s2 K9 S& }
   contentHeight=document.supertext.document.height: P) b/ Y  S/ Y
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);% Y5 A# H1 _3 H7 Q# {1 s
if (hidetimer!='')" J  @* \* _5 M: d( \8 b8 t" M4 b
setTimeout("hidetext()",hidetimer)
}  ~0 M+ J! f+ W

function moveBall() {
if (superballRunning == true) {
   calculatePosition();+ e& V9 n  t4 _& H
   if (document.all) {5 T6 Y/ E; o5 [$ ^
      document.all("supertext").style.left = xPos + document.body.scrollLeft;' z& }5 ~+ \! ^$ Y
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }2 T. q+ f9 v2 o9 J- m9 h# X
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;0 o. p  y; O; V" V6 k
      document.layers["supertext"].top = yPos + pageYOffset;7 b! C9 _1 |2 N+ ]9 ~
      }
   animatetext=setTimeout('moveBall()',20);
   }% R% q; `+ F$ ]: j
}; {: K# y* X  M4 k: j( S& e" e% J
: z2 K3 l2 F' x  g9 O8 K6 b
function calculatePosition() {
if (xDir == "right") {3 c0 t" v4 }8 O4 K; D; j
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {. c2 o: D5 u$ V$ k+ V' W6 t+ ~
      xDir = "right";" d( [; z6 Q+ K7 ^% B+ t2 T
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";- T' V0 C6 }* H( P# y, H
      }: j( D: V* ^! O
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";. h( d+ b" j, E& ?. e1 k
      }* b: _1 r- ?9 i0 x# P5 |
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;: v5 m% U" A) \3 o+ e+ w7 @
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {6 a2 `7 W3 J1 ]! G6 e8 T$ C. ?8 G
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }, U! T. @/ Y5 C! E5 h9 Y
else {
   yPos = yPos;
   }# p; u* L) P: I* C/ }4 g; ^$ o7 e
}2 N, @" r6 _6 F3 T! ]3 J
- b1 r/ S6 Y/ \6 @4 J9 r1 y# d
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)6 D2 @' d) i$ g( A+ z, h
document.supertext.visibility="hide"
clearTimeout(animatetext)5 P. {- f! S. V; S/ h* {- @
}( I8 V4 Y) X, i8 P& G3 v

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}( z/ F" I: D7 A% j- O
% x! q% f& G' b( v+ o" b0 v& l; L) n3 C
</script>

【捌玖网络】已经运行: