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

返回列表发帖

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">/ l) z  }0 n% y% L4 S( y$ Y  c
#supertext {
position:absolute;( q, a0 F; Z' I/ i: s1 r" V
left:0;
top:0;5 G" z' I  j6 V% J
visibility:hide;: u" l  t5 }8 s- K3 r& R
visibility:hidden;( z! j, G+ W$ G# o
}
</style>) o/ N) V! V7 h. v" p  w
<script language="JavaScript1.2">& v7 L9 S7 q7 _8 D# I( R4 W
' S- G4 }- R- s2 t  @* M0 u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
8 q0 D  S6 c8 D
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;
' v- f- F; {" A1 \$ @
6 `; T6 D" v# s1 ~( a. g( C& S" a9 q- A
var xMax;, j4 T' g. H( \& n" I
var yMax;7 k0 I3 x, u- I1 ]) e* X+ H
var xPos = 0;
var yPos = 0;5 U, m+ K" C) m4 B
var xDir = 'right';# ^! ^/ T1 N) p" }% B& p) y
var yDir = 'down';
var superballRunning = true;2 y. `1 G& d: S2 f2 H8 O/ h
var tempBallSpeed;8 v1 E" e* b0 s
var currentBallSrc;2 n3 K- k4 F/ V0 X! U; v1 j
var newXDir;$ A- x: T6 h9 _1 h% R  r4 u; U
var newYDir;

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;, o! K" T8 ]$ f
   contentWidth=document.supertext.document.width3 c0 z" T' Q: B% r& U
   contentHeight=document.supertext.document.height3 }* _& k( I% x1 d- j
   document.layers["supertext"].visibility = "show";
   }' w8 b$ o4 L1 C6 ^2 n, G, [
setTimeout('moveBall()',400);+ e2 |  i( R$ O- a. D! o. H5 h
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)7 N: d& R) i2 h+ m" V
}. K7 h  ^4 y' C' k3 R

function moveBall() {
if (superballRunning == true) {
   calculatePosition();: l( C7 Z& v5 j
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;% Z0 }7 F5 ^( O5 ]- w! t( I
      }- F/ m9 [  i1 V
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;% `7 D$ s6 b* C
      document.layers["supertext"].top = yPos + pageYOffset;3 C" f% _. c. i
      }+ l$ {  I% u* \) W& x
   animatetext=setTimeout('moveBall()',20);
   }% R  K/ J7 l. f. ?. u/ b2 a7 p9 q8 ~
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {$ w1 \: _$ }9 }) c/ @
      xDir = "right";$ f3 Y2 N/ V+ o( ~- q/ E
      }
   }/ a' t5 a6 B; O" Q: [( f5 J: _
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }, e' a# r; H5 r$ b$ ]" C2 R! U
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }/ G3 `# G' F4 z3 M) j7 L/ ~" W
else {
   xPos = xPos;* O5 J( D6 ^% Y1 u
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;; D/ |. F3 Y; J- c6 Y; L1 w7 {
   }; \; x) m7 p- ~1 B" U8 z
else if (yDir == "up") {
   yPos = yPos - BallSpeed;) M8 V0 Q4 E$ o3 o2 N
   }. A6 ?# |7 k$ m; V
else {: X; f5 h, C5 R7 q2 a
   yPos = yPos;
   }
}
7 D0 T9 f$ S8 }" c! k. |, R- W
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)1 a: d/ x# o% P4 Q: }% r& Z
document.supertext.visibility="hide"- i8 g. P/ r" x& G' B8 @/ v
clearTimeout(animatetext)4 x- T, t1 L" d) w* _1 R
}
$ A6 t" v6 Q7 _# V* y* \
if (document.all||document.layers){  F4 t  |7 X4 Q. w4 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); c8 n" o  ]+ s3 r( G
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");6 k$ ^& O- |1 B3 O$ f* H6 k% |- N
}
8 y0 F, P2 q  u+ _0 [  E
</script>

【捌玖网络】已经运行: