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

返回列表发帖

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;! h4 _9 e0 H- ]0 N5 ]4 h: V
left:0;, K! @6 e; n1 N6 j) h( ]4 ?
top:0;
visibility:hide;/ g% V- h2 c: j! m, O0 W
visibility:hidden;
}! v& {3 K! ?0 u* r& Q
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';/ O% s$ D9 E, A3 j8 ^
+ t1 g8 w+ p. j% i
var BallSpeed = 20;& T8 [- k# g' m9 n! C* J) ]3 a
var contentWidth;& y1 q1 z8 g1 ]" m6 [/ o8 q
var contentHeight;4 j' ~; A0 E$ \% i" q" y
var maxBallSpeed = 50;

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';' e( @) O+ T6 _- E$ N. h* y
var superballRunning = true;
var tempBallSpeed;/ z! O' A5 j- w. T9 ]& A
var currentBallSrc;; D: ~6 K/ `8 J( a
var newXDir;
var newYDir;" g* p0 v- R5 C3 V: w6 W
, ^6 G1 {( v* k
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;) C$ W% K) V* z/ g- U: l+ @
   contentWidth=document.supertext.document.width- K) w9 R5 R, y, m9 d; Y; I% {
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')! \: b9 P& s3 n, Q$ ]9 A: B  G
setTimeout("hidetext()",hidetimer)7 ~  V: l4 r6 \" c: g
}  W! K0 ^2 |5 Y  E

function moveBall() {
if (superballRunning == true) {' c% o+ p2 F6 _" o
   calculatePosition();2 ~; q- Z5 P0 C, [3 u
   if (document.all) {) r  a' _0 `0 O* o% [0 r& C
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;% [0 G# V5 i" k
      }
   else if (document.layers) {, g: h8 |9 q( b8 F  C6 J
      document.layers["supertext"].left = xPos + pageXOffset;4 E4 F9 [  s( l* m8 i. P% C5 ?8 o4 y
      document.layers["supertext"].top = yPos + pageYOffset;
      }% s7 @! G0 R9 U. G
   animatetext=setTimeout('moveBall()',20);8 E' p6 B# [3 J* K4 g) L
   }! Q2 M4 d, a- r( M# y( |2 E! }
}

function calculatePosition() {9 D" {9 K- B: C/ E4 b* P: o2 m
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";! _+ I% a0 t$ Y' N+ A& @) ~# c
      }' F3 c# G( I% F4 F* m0 ^2 W
   }
else if (xDir == "left") {3 E. ]( h4 f: @" b1 t
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";& {1 r0 j6 u" l& M$ W3 \
      }: p# H. `# E- @
   }3 p* w$ D( y: {* N* _7 m( K7 N
if (yDir == "down") {# v' n1 h6 S6 J4 u) I
   if (yPos > (yMax - contentHeight - BallSpeed)) {5 k" V  K( x$ L( }) {7 M) Q
      yDir = "up";% k% \/ G& D, a& Q: u- x
      }
   }
else if (yDir == "up") {- G) {+ O- K8 S9 @0 I+ @% K
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";* ^+ d) Q, \2 g( f9 T, @
      }; k5 U% }# S! ?+ V$ O# h0 A
   }% t+ I6 P6 v8 X+ g
if (xDir == "right") {
   xPos = xPos + BallSpeed;# E0 _' B+ ^  O2 m7 \$ s
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;
   }; |/ v8 e+ j% F; @9 z; K  w* w
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;9 n# Y0 O" Y6 o8 a2 P. `
   }5 _2 h5 h# u. j
else {
   yPos = yPos;3 W, p9 Y$ w9 Z! F0 U9 ^; _
   }
}

function hidetext(){
if (document.all). A) k3 |8 A! ]; u2 X$ F
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}
$ B8 i7 c8 h0 C# U% E1 Q! z
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' U7 J  z$ m# L' H
window.onload = initializeBall;& A  _8 Y0 I% v6 t% @  S1 h( a
window.onresize = new Function("window.location.reload()");9 g# |1 e7 Z8 y4 \+ Z8 K
}

</script>

【捌玖网络】已经运行: