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

返回列表发帖

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">5 ~* K+ C/ N0 i6 h9 N
#supertext {
position:absolute;
left:0;
top:0;: {% c6 O; D9 F7 S
visibility:hide;/ W& g( D6 H& V/ o) Z' _, \! ]
visibility:hidden;
}3 Z2 T$ p* K, `, k! @  x5 \8 \8 Z
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 L) g7 ?, u* U  l4 w+ Z
var hidetimer='';, v0 s& x0 W0 M) _7 s/ ~! H

var BallSpeed = 20;& B0 s% H: Y0 `. ~
var contentWidth;6 }* ]* H( k& i* O' H) u: L' H" K
var contentHeight;" s* L2 N) ]2 R
var maxBallSpeed = 50;
4 |5 B( j, Y' b5 V3 s+ E
7 t2 V4 h5 u' {1 R
var xMax;$ @9 Q# W. I1 X& ?  Y2 ~% W
var yMax;
var xPos = 0;
var yPos = 0;7 l3 M8 v" H- s& }# F
var xDir = 'right';/ c2 h9 Q8 F: h6 M9 t  o* w
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;6 y, ^' z) y$ X* u
var currentBallSrc;$ v5 F) g) K" a/ Q& p& ]
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {6 A) |$ |) |5 {" s
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";( g. M$ Q+ F, D, L7 @
   contentWidth=supertext.offsetWidth, C! Z( f: c) m3 n
   contentHeight=supertext.offsetHeight
   }5 Q4 J+ _! @$ `( M6 X0 T5 N
else if (document.layers) {5 J$ S' B" W- {& D, S9 g. {
   xMax = window.innerWidth;
   yMax = window.innerHeight;5 s3 y$ K" b1 o; L- q
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";* m. [& O5 d/ m- n$ A
   }( \* s  R/ h. {% A  Q+ G
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}$ p* d. ]7 J7 g! q9 T

function moveBall() {
if (superballRunning == true) {
   calculatePosition();' G6 c4 C" e  M3 B7 z: H
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;# ~* P- @3 k* D' v5 V6 I8 h
      }
   else if (document.layers) {; c' R4 }5 v0 @, T# I0 W
      document.layers["supertext"].left = xPos + pageXOffset;! G* F! _5 T. d% {1 E
      document.layers["supertext"].top = yPos + pageYOffset;& V# F8 t9 O- w6 T1 a
      }
   animatetext=setTimeout('moveBall()',20);
   }
}- x8 ]- v* u( s* Z# C4 e) y2 H) Y

function calculatePosition() {1 |0 y. [+ s" x: f* b" s
if (xDir == "right") {; a& Z& r, n8 g& T
   if (xPos > (xMax - contentWidth - BallSpeed)) {% p' N' h. E: S: n: M/ I9 j- G, j
      xDir = "left";
      }2 X2 D6 S7 H+ r7 p! ]
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {% l6 L# S8 M( H7 {4 N5 y$ ~9 [
      xDir = "right";
      }) J; s- E0 ^( M
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }0 X* n% E9 m  L7 ]
else if (yDir == "up") {5 T' E! \  p! W% B9 m7 q2 n
   if (yPos < (0 + BallSpeed)) {" ^" }) [( h/ b. c% z, {& r
      yDir = "down";$ l# D8 w( W( q  o3 {
      }
   }- K, `- L# X- |* O- E
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {! ^4 P9 Q& y) z
   xPos = xPos - BallSpeed;# W5 ?  |: A1 @, `1 Q' R$ [
   }* }6 A# Q- \( s, u4 D7 V
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {& ~& t* K/ V$ ]2 J2 z- i/ A0 q
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)8 O; d+ I* l! N. U# E, _% O
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"" o! [, t+ V; w) W( `6 o
clearTimeout(animatetext)0 K2 l2 d5 r9 o" v3 p( K! x$ I
}* \2 ^3 R5 Q% H8 k0 k
4 ?0 j# M: G2 |: k
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");4 O+ Y! P. y$ C6 n$ O9 f
}0 \9 X% [0 h$ b9 K: g7 y
3 E& Y( Z) _6 `7 u! @3 o
</script>

【捌玖网络】已经运行: