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

返回列表发帖

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">2 Y) G. f5 D/ b8 k* T/ a7 L( \
#supertext {, ~; o; @$ C  v2 X9 R$ o" J
position:absolute;7 w7 P! E* j2 p/ L) \$ X' B
left:0;
top:0;* E  t" W. @& p
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;* M' R$ f  m& n7 U5 n
var contentWidth;
var contentHeight;5 b# J; m8 i5 L4 B& Y2 O
var maxBallSpeed = 50;

+ S/ X( S! m- \  `+ T
var xMax;
var yMax;
var xPos = 0;2 C8 O" _( x+ L1 D$ ?' g
var yPos = 0;
var xDir = 'right';
var yDir = 'down';; ^" [+ d: w) G' h
var superballRunning = true;
var tempBallSpeed;/ h4 U! T' I+ ?1 X$ O7 ]. j" M7 U
var currentBallSrc;
var newXDir;
var newYDir;
$ |; k& x/ G4 E% a
function initializeBall() {$ W( N( O% N& ?5 Z* X' T
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";9 m2 L: q( B. X0 l8 Z+ W
   contentWidth=supertext.offsetWidth1 ]2 B: O. S$ Q" S
   contentHeight=supertext.offsetHeight8 b! t: O- P; K
   }2 ~5 x4 |5 e, m/ D
else if (document.layers) {! E1 P7 E0 {% [+ v" J5 Y
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height4 T8 |! `8 R8 `  O
   document.layers["supertext"].visibility = "show";- }. o5 Z8 M: U/ t% ]6 o
   }1 }" ^. a2 ?( T- f
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)  W9 f5 r6 `$ r+ {7 O1 [- E
}
- f3 M" K0 Y9 i& |. x
function moveBall() {( |1 i' B  r+ s3 g' O+ E0 m. U
if (superballRunning == true) {5 q4 M/ d' ?, L: f' X- u" v6 R
   calculatePosition();0 j+ d5 W$ ]# r0 Y
   if (document.all) {( s- K( Y- h  b9 }, e/ w- {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;* M8 l. v  y' d9 H( {+ J
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;; n" I3 h; h1 R6 k6 \
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
2 k$ W) q& {0 f' v' W% L
function calculatePosition() {
if (xDir == "right") {1 M3 D5 w  L, l; e* S7 y
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }$ e* r) P$ T% s# b- H
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {6 V( O/ P9 N2 [: U
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {( M4 x& ~5 f  d' ]) p
      yDir = "up";
      }! Y; N; X: ?8 s2 i  B% k) V
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {, @2 |4 p* [6 c' k
      yDir = "down";8 @3 f' G$ V' d% Z/ K5 V
      }! O" `6 r; J6 B2 p# K: H
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;! }; ?" c, p, Z( t, Q0 f3 j1 b1 t7 v
   }
else if (xDir == "left") {, V1 k1 a! Z1 u* G) _
   xPos = xPos - BallSpeed;0 ?5 Y; @8 H3 e( }
   }1 Z! I  k: i$ c1 e
else {0 `7 H5 `, ^% H% O; L
   xPos = xPos;
   }, D/ M8 ?# V4 Q1 ~) y" R
if (yDir == "down") {
   yPos = yPos + BallSpeed;- \$ z! {, g1 I( m6 }
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }2 N! D& x; `' ^6 P, P. @
}9 `8 q4 M: W  ^3 s6 x" M  u
" H' J% K3 d4 u8 Y1 O
function hidetext(){
if (document.all)9 b1 o2 F) |, N
supertext.style.visibility="hidden"$ q  G& Q$ C7 N; h; I6 n  f% R
else if (document.layers)
document.supertext.visibility="hide"% D. E! M  S6 m# O: Q
clearTimeout(animatetext)+ o* Z8 u% C4 q) X
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;) ~# V3 A/ v/ g8 T: c" _
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: