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

返回列表发帖

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">. v3 m+ i: U( R$ \/ X8 j  Y
#supertext {
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;7 h+ W# ~& _! o
}
</style>
<script language="JavaScript1.2">
1 j1 G) e' t6 `$ a) C) `9 X. z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 v1 t7 F( f) }* M6 y
var hidetimer='';2 f- \+ k4 n2 u1 E& a5 }3 K

var BallSpeed = 20;+ [: ?0 i, p1 _. k' D) a3 i
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;- _1 b9 e3 S$ Q9 V" u# c5 {
, b: N- N& U; M7 x; O& o0 ^% _
' d1 E; T# \; X4 [0 L: G
var xMax;; A+ F! v" P1 Z% ]- j, o
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';  q6 a; X7 ?7 z3 k$ @1 _$ f
var yDir = 'down';: m2 a+ |, b4 K
var superballRunning = true;/ V/ s# j4 c: R& |: d- {* u3 \
var tempBallSpeed;
var currentBallSrc;
var newXDir;, [" o% P* `* J- b/ I* E. [
var newYDir;2 ?1 }- q: A$ Z- ^- f( ?

function initializeBall() {
if (document.all) {8 ^- Z2 p% d% _+ `5 V
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";! S) @6 b6 f& |! y9 J5 L
   contentWidth=supertext.offsetWidth9 Y. b5 m" N$ ~) ?
   contentHeight=supertext.offsetHeight
   }2 j4 c# Q* l% ~3 h' U; {6 ?
else if (document.layers) {
   xMax = window.innerWidth;" a, M2 V( g% T" J8 w
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height" o7 M. k- s6 T$ _4 K4 e
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)4 k, k7 F( J9 u1 i  x
}9 w* E9 T  c/ w& e, K, S6 S

function moveBall() {" `  ^  J3 k  H% `3 k2 |; U& Z
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;
      }
   else if (document.layers) {" u: v% j2 p# m$ H
      document.layers["supertext"].left = xPos + pageXOffset;2 D0 N$ v1 V8 I9 o
      document.layers["supertext"].top = yPos + pageYOffset;+ [/ m# u# Y: f. {& _9 a8 n
      }
   animatetext=setTimeout('moveBall()',20);
   }! {  l: }. e' @
}7 y! L- Q% J) s+ E- p7 ?4 [( C3 m

function calculatePosition() {& V) ^* i# f( d& K( Y% P  m
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }4 d& t' s7 C, I
else if (xDir == "left") {" c/ E4 N3 E8 e3 k7 r" p0 g
   if (xPos < (0 + BallSpeed)) {8 C2 |3 u) T& M# |+ @
      xDir = "right";
      }
   }* u+ V' T, g3 x; j$ k
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {3 U: J3 U2 J9 ~& G+ e' b& A$ n
      yDir = "up";6 }/ P, c- [, a; C8 D
      }* c8 v- F8 P# F' C
   }
else if (yDir == "up") {8 |$ U1 s" D# I) j+ g3 N6 x: l
   if (yPos < (0 + BallSpeed)) {+ w: l) k  X3 y1 A- ]9 p; |' }2 F
      yDir = "down";' g4 e/ m* r% B4 c& n
      }7 r; p2 |& c" W/ H; p5 c  ^
   }& U6 f+ E* Q- c# E3 G+ O
if (xDir == "right") {: A" [, o* R' E9 {( u% I, w
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;$ f3 y2 a% H! Z! Z+ x0 }# m' r
   }
else {
   xPos = xPos;& ?; A3 m& ], \% u8 V2 T  ^
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;' n6 H# w7 o9 j. G( q# k# j' d, W8 u
   }
}, P! N* z4 e: d

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"( `6 |" Q2 x5 J9 I
else if (document.layers)
document.supertext.visibility="hide"$ @+ N/ Z  @1 B- r/ F% p1 e
clearTimeout(animatetext)( H5 e  ~. w0 |+ ~
}

if (document.all||document.layers){+ v6 D3 _8 |5 ]  H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
+ M3 x1 N( I! r9 V% t- Z' F. L
</script>

【捌玖网络】已经运行: