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

返回列表发帖

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">6 S- Q( D- |4 {3 Y" N
#supertext {$ e9 v, B- W- P5 t8 F
position:absolute;
left:0;
top:0;) @( y3 s9 N5 N3 G2 X0 i
visibility:hide;+ e! G! D2 v# a/ M
visibility:hidden;
}
</style>
<script language="JavaScript1.2">
3 n4 _  z6 v2 |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': N6 \8 w; {% c$ i4 k) I! r$ u
var hidetimer='';
, h1 |1 m) y" L- p* @4 }9 U
var BallSpeed = 20;; h, b& w+ W+ L! _, ^
var contentWidth;
var contentHeight;& @+ X. M& _1 N6 m8 _3 L
var maxBallSpeed = 50;3 ]5 ]" Q0 {& Z0 V$ ]
5 ]- u3 @: i" C7 U
, F1 c: Q  v( K5 ?9 t
var xMax;
var yMax;
var xPos = 0;1 k3 }4 d. y/ {0 D8 q
var yPos = 0;! j7 Y% Q: Q5 s: H0 l6 t! b
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;% f& J; X% C+ G
var tempBallSpeed;! {. s) Z9 l: P7 f" \
var currentBallSrc;7 g7 O: t6 Q- C
var newXDir;/ }# ]/ n) n2 k9 M/ v
var newYDir;
- |( p. X) M* i. p: @
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth3 \) H# A( O1 d$ P8 I0 V9 a
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";3 N; C6 R1 o1 A* ^- V/ g( ~
   contentWidth=supertext.offsetWidth2 x7 q5 y+ v/ }: h3 W
   contentHeight=supertext.offsetHeight
   }) \% R1 R( W9 C+ c% x
else if (document.layers) {; g4 J; O/ I5 N/ X- i
   xMax = window.innerWidth;8 k+ R/ `  V7 C  w( G5 N0 N# ~
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);7 c$ k! a; R4 e9 P; R
if (hidetimer!='')8 |0 g: T9 G" q' \# T9 n9 T
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }" R# k) L8 c4 i9 Z! u
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }8 f' `8 |6 m0 I; W  s! }( Z! |& O4 |
   animatetext=setTimeout('moveBall()',20);
   }5 V1 l7 ^/ P8 b
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {9 }( p* t# e: A5 M2 d% V
      xDir = "left";
      }
   }# s) O4 P# \; [9 q7 J3 H: w0 _
else if (xDir == "left") {0 ]  t, ~) ^; \
   if (xPos < (0 + BallSpeed)) {* B: y/ n$ t1 {* U& v9 j' }
      xDir = "right";
      }' U% X4 F4 `7 Q9 l9 R; d5 J& H
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {% |+ z0 h3 I. T- c- f
      yDir = "up";
      }
   }  ~7 O8 u0 u9 P3 S' I) S
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {  T* ?# F: l- S  b( I4 d. j
      yDir = "down";+ n* l  w4 Y9 T
      }) Q3 M' q6 r4 T1 y( B7 p9 K
   }$ z2 ?* a( o/ Z& Q+ P
if (xDir == "right") {
   xPos = xPos + BallSpeed;# T" T) O, v3 p2 A9 N# D$ I
   }
else if (xDir == "left") {* \% [1 ~7 G  P5 ]3 P
   xPos = xPos - BallSpeed;
   }) d* P. @7 _0 m5 f" |, ^
else {9 a; E1 _! j3 S: d6 f
   xPos = xPos;$ t5 h! M0 F; H. u1 P  H3 ?' s$ T
   }/ n; C" V& w/ ]4 K6 X& H
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }: F; H  M3 _3 A1 ]% t4 N
else if (yDir == "up") {
   yPos = yPos - BallSpeed;! H; B/ B1 }% F9 |+ _) A' k3 _# |
   }
else {
   yPos = yPos;
   }
}

function hidetext(){: ^0 m1 |5 Y5 x& i2 O+ ^0 E8 P
if (document.all)
supertext.style.visibility="hidden": ?3 F8 O6 ^( h. `- e$ F
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)$ y# D/ v$ Y8 [$ X$ Z% Q
}& T5 h/ i! [/ x2 C7 C" V6 Y

if (document.all||document.layers){  A- W  s/ P( }1 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% E' J6 z  t, n! R9 P. \
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: