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

返回列表发帖

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 {  j, \/ f; J$ f7 a
position:absolute;
left:0;
top:0;" E* ~; r' E! G4 n3 a
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">
* u8 _3 M+ l+ V& T- G7 P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', M$ K" B, a; t
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;% }8 ?1 L: O/ b  B
var maxBallSpeed = 50;
% S6 z0 V' Z9 f5 R

var xMax;
var yMax;2 f# e! x7 d. E9 W0 S. |0 x
var xPos = 0;
var yPos = 0;0 K  W+ w) Z  V; d6 z; J
var xDir = 'right';; [' r3 E' i/ Z) n
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;# m" P1 R( Q7 ?3 m, J* N
var currentBallSrc;
var newXDir;6 I9 s: q  \% L4 g9 C+ |- ?* x
var newYDir;0 y$ k% J% C$ o4 p5 J- z

function initializeBall() {' k( R( D" j3 y7 X  c9 ^1 [5 R+ Q
if (document.all) {/ C* h' b: q3 K/ @
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight6 `# Z5 t6 N# O. n0 B, M
   document.all("supertext").style.visibility = "visible";# c' i/ |0 `- _, b$ |; \: ]
   contentWidth=supertext.offsetWidth, J/ B4 Q+ q, L2 y! c; {
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {5 M3 f2 j% k" Q" X. |& F9 Y; F! l
   xMax = window.innerWidth;
   yMax = window.innerHeight;8 E+ ^1 W) o0 X, Y
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height: u( W$ R4 e! ~2 j* H1 k. }
   document.layers["supertext"].visibility = "show";( s0 ~2 f; P4 d! l* k5 t5 }  a
   }
setTimeout('moveBall()',400);
if (hidetimer!=''); S* R& b- d$ b" ~7 |* r
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();' O3 ?* g7 \$ `2 t- p7 e
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;- P+ g! d4 ?# |3 u& k
      document.layers["supertext"].top = yPos + pageYOffset;- C; S; S1 c0 X& C
      }
   animatetext=setTimeout('moveBall()',20);4 f: d  v; a) G; d5 c
   }
}
/ _. V7 F' w3 f. ]# m
function calculatePosition() {
if (xDir == "right") {4 L) `1 H/ P  m
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";# s9 c( i6 t& u" s! J' ^" L
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {! X, u- a# _: D; D' M% I
      xDir = "right";! \4 z& m; g1 d; y2 ~
      }0 t/ h: C" b& d2 |
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {( P9 s5 X( x6 D; y' t+ `
      yDir = "up";
      }2 x7 W8 j4 m% `( @8 C# {
   }4 V3 ]5 Z0 u; g2 Q& L8 N
else if (yDir == "up") {3 z& O7 L- w% k7 J* e9 g2 u
   if (yPos < (0 + BallSpeed)) {7 W5 f% Q3 k/ q' ?1 S1 \9 \
      yDir = "down";$ i0 n+ H- x4 O3 l2 _
      }
   }# j+ P3 Z: @6 c( N$ W3 Q
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }: G0 |, e3 {( H7 S
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {% L: R1 ]* m9 _* _; f" k0 d2 L
   xPos = xPos;# G9 X9 Q( `' N: Q
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }7 v7 O  U% a; |& k, l
else if (yDir == "up") {% a( t3 L( t* _9 P1 a7 ~
   yPos = yPos - BallSpeed;
   }  \, }1 A2 D( a8 y, @
else {
   yPos = yPos;
   }. t$ B0 F8 M4 |
}
0 R9 t4 E1 B6 d
function hidetext(){& s, |; ]! N2 D' `/ u0 V( V
if (document.all)
supertext.style.visibility="hidden"6 U7 I8 B  s' U( F$ j
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}% [: n% z+ I0 U

</script>

【捌玖网络】已经运行: