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

返回列表发帖

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">( F) c3 M' u& m, x, Z/ N. `# S
#supertext {9 S- {7 t6 a2 m0 o1 S: _
position:absolute;
left:0;
top:0;- Z! I, z9 O- F5 T& c. p) C
visibility:hide;( O- e( Z% k3 W! s1 t: h. ^9 B9 O5 C
visibility:hidden;' b( I( c8 z. V  W8 d9 x
}5 |* o. J/ W% h0 t8 z
</style>3 Y# Y: h3 |9 R( j* }/ _- O
<script language="JavaScript1.2">* D8 M6 [, q6 _! ]
2 w5 x; \% F9 W: s- v4 e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ F9 Q6 q. Z+ h% w2 J
var hidetimer='';* Q8 G  [, }2 v5 ?
5 x) n% R9 Y1 g: Q3 I, W0 D* Z# ^3 a  g
var BallSpeed = 20;
var contentWidth;( B1 x- P6 G+ r* f/ }1 L: ]. B2 R, n
var contentHeight;
var maxBallSpeed = 50;* G0 j- j9 D( o" c: Q1 r! l+ w
1 W  ]: i2 ?6 w4 `8 M$ Z+ @" V

var xMax;: a1 g9 Y5 J0 S3 u
var yMax;
var xPos = 0;- E- x( R& s: W$ K& k
var yPos = 0;
var xDir = 'right';: ^; P, v) M5 {: U7 z
var yDir = 'down';0 f  A! e1 V2 R1 J' B
var superballRunning = true;& L7 P2 W7 g5 w
var tempBallSpeed;, d/ o1 v+ t$ u5 y/ d
var currentBallSrc;
var newXDir;6 p0 u0 [( ]) S) B& Z1 S
var newYDir;

function initializeBall() {4 V- V, S% M/ _( B
if (document.all) {: b& T5 [$ q0 [* e6 i
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";) Q/ m' I5 L/ m& H- _
   contentWidth=supertext.offsetWidth% P  z* d2 P( [
   contentHeight=supertext.offsetHeight
   }! L- f- A- S& U# `1 F% R9 {& p
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height5 m# I% t5 S* ?; C6 ]. R
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {* ^; B: w/ b7 U' k' r
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;$ H6 R, r# v  Q  y& b5 Q
      document.all("supertext").style.top = yPos + document.body.scrollTop;% l5 R0 f7 l& c4 O
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }6 K- q& V- Q- u1 v  p
   animatetext=setTimeout('moveBall()',20);
   }( a) ], f: `. ?* y
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {: d, G' b5 }; p' k8 M/ B; p* v
      xDir = "left";
      }1 C, c  K4 M3 ]# \" k& w- |0 }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }' U* k9 c/ f+ a% m5 p! o; b
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";6 z9 Z' H# \- L3 a! o. `
      }
   }% u! ~# ]2 {0 U3 V9 U
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {5 \6 h  r* n2 W+ O. z  [3 E
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;; }3 A. o0 K, M! r$ }$ M' z. H3 Y
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {/ N4 r# e" k$ t; l' x
   xPos = xPos;
   }; M2 Y2 L& M8 N
if (yDir == "down") {% G6 d  \. J4 X# d. d2 ^
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;5 l- o, i: t0 ^3 @! _
   }
else {
   yPos = yPos;
   }
}
! _$ f6 [; m6 s/ h# c4 O
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)3 V: x, e" o) `$ K. f/ u6 {( ]
}
. E( q- n+ C' Q' B' a
if (document.all||document.layers){7 D3 d6 b, a) U$ `& N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
- e# i0 q+ y6 L% H6 p: ^; ]
</script>

【捌玖网络】已经运行: