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

返回列表发帖

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 {
position:absolute;" s# x3 {3 X. v2 O& }: K5 t& n  p
left:0;  @7 a3 b0 Y: h: N5 B# ]0 K2 H
top:0;
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';- B$ l9 q% X; t$ S6 U, {& [
! e4 Y" P: ?, M+ V
var BallSpeed = 20;" v: b/ L+ W% T6 }8 K
var contentWidth;
var contentHeight;% K: W* |' }0 Q- m: B
var maxBallSpeed = 50;0 p7 k8 N' ?4 q

var xMax;
var yMax;
var xPos = 0;6 z/ u/ c  F0 }2 ]
var yPos = 0;! P2 C! ^3 i' {  ^4 V
var xDir = 'right';1 C# s+ J# O! c' M( k  ?
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;' K; J/ A7 r0 F& i2 }7 ^  {
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth) E9 e6 d  P. r
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";2 R% c9 o5 L4 [6 a, j+ W
   contentWidth=supertext.offsetWidth) z& D3 ?, ~# w6 C7 o
   contentHeight=supertext.offsetHeight
   }8 c5 V8 [7 p. g) O3 E
else if (document.layers) {
   xMax = window.innerWidth;2 _" l, S& f  U+ j
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width/ R0 G# A6 g3 w! S
   contentHeight=document.supertext.document.height0 o9 p8 p6 g  {) T& _" T
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {% J7 p1 C0 [+ y& G1 m, U
      document.all("supertext").style.left = xPos + document.body.scrollLeft;- B& {+ o, _$ [4 U- J8 W
      document.all("supertext").style.top = yPos + document.body.scrollTop;8 m* z6 E: o& |* ~2 h
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;9 ?; ]4 l6 a: O# Y
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
, j) N2 T6 B' Z
function calculatePosition() {; U$ n, k" O9 U0 q4 w3 F
if (xDir == "right") {$ E& v% a+ i" w/ u# O  ^: T
   if (xPos > (xMax - contentWidth - BallSpeed)) {, C5 O6 R7 ^/ S5 Q) Y1 g7 Z
      xDir = "left";+ H* ~/ }! B) g; l) g! d
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {( H& `5 R( A6 ~- Y, D
      xDir = "right";( \* d) a4 g: G6 a
      }# u0 {, O) j* E# n
   }
if (yDir == "down") {+ V; }# h, F; j1 U. |# h. ^
   if (yPos > (yMax - contentHeight - BallSpeed)) {5 R: B  D  }3 i- q. U. E! D$ W7 n
      yDir = "up";% |5 j, A+ g1 k$ e$ P6 z
      }
   }
else if (yDir == "up") {/ `/ l: A8 y4 A. d# R0 p# o
   if (yPos < (0 + BallSpeed)) {, U  L- k% m" D1 D2 t5 C% H
      yDir = "down";
      }  f. `+ D$ @4 l8 o
   }  \4 D) K0 R/ V9 P9 I
if (xDir == "right") {
   xPos = xPos + BallSpeed;$ W. J/ p5 X- F5 A6 y% f+ W
   }5 L2 T, j* o; v; b( ]( }& j. f$ e3 W
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }' f  X7 p4 x# M2 P
else {2 M9 o9 C1 H3 |' m5 t, O
   xPos = xPos;! e) ?) T3 V2 M# j
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }6 X/ O. P. h, d+ o  i, Z4 I" [2 T
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;  J1 P& Q) `- X; \
   }
}  ^$ \5 S: v1 z' H" \
: l: L& C% N7 Y2 q9 M
function hidetext(){9 C" Y3 i# v" L/ S. y
if (document.all)/ o; P+ M$ J. u# P
supertext.style.visibility="hidden"9 ^0 ?+ |( s; h- y3 C8 {" ]
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), K7 {" P# S8 H5 e* i
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");# V5 n" w+ v- `& H! U0 X
}7 Y0 M  B$ P; ^
3 A; J' @3 C$ ]
</script>

【捌玖网络】已经运行: