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

返回列表发帖

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;
left:0;2 X/ O' m1 Y2 _4 L
top:0;
visibility:hide;$ f& _/ n- z" @" G$ v- a* p
visibility:hidden;" X% T- `6 q  t& x+ O, b9 A
}
</style>
<script language="JavaScript1.2">( i1 R( b; ^! Y  l8 v
6 O7 X. }' G' I- e9 }! ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ t: ^% N1 b& U1 ~1 P( P
var hidetimer='';
+ G6 y/ j3 E1 ?6 u2 b4 q
var BallSpeed = 20;
var contentWidth;' d0 Y" p: f  G# M
var contentHeight;: r$ ?4 l9 v4 }/ J$ P& l  ~2 U
var maxBallSpeed = 50;

var xMax;' Y" w  x5 y, ]. v2 u2 F
var yMax;
var xPos = 0;: s3 s$ V8 j  V% {  d
var yPos = 0;
var xDir = 'right';; c" m( [# e( q6 `/ j# r3 ]+ Z
var yDir = 'down';
var superballRunning = true;$ i* M) q3 Y4 u; y$ o
var tempBallSpeed;+ O- _9 ?# F& j2 r) H- W
var currentBallSrc;" Y; k% O& ~) W# ]( J6 u$ {
var newXDir;$ C, g4 G' k$ X) o7 ?% E9 d% e
var newYDir;
9 y7 |' [6 H( F
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight5 m$ [  h; j" b" M$ a$ f
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth5 A, c" x% x( E1 Z" l" ~
   contentHeight=supertext.offsetHeight0 L) `$ Q5 i: y  R0 w' x6 g- g2 W1 B1 @
   }) J# B0 t- ~5 k3 ~) n! j
else if (document.layers) {
   xMax = window.innerWidth;8 x. b) d6 Z0 _" Z+ ^
   yMax = window.innerHeight;$ o* }2 j0 l# x; Z
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height, \: ^* Q9 s( e) _# X7 D+ S% o
   document.layers["supertext"].visibility = "show";/ B5 m3 m% A& F- q! q2 Q
   }
setTimeout('moveBall()',400);
if (hidetimer!=''); J/ j  i* s* D( b% h1 W1 G
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {( P( K- Z) O  P
   calculatePosition();) m$ P  _/ v0 r7 M- q3 H
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;* G' F; w' H# L& x* p
      document.all("supertext").style.top = yPos + document.body.scrollTop;2 N5 q1 Z9 {  i# l( C  i
      }
   else if (document.layers) {" F. u9 Z) Y* r* Z7 H( [. z
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
' @! t( g7 H: i/ M" _
function calculatePosition() {8 ~6 Q, p* U+ }; Z& b
if (xDir == "right") {6 p( [0 n7 U& r- l. z9 ?
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";7 |2 z, k+ ~4 U
      }. I  I! O, @% [: F9 J
   }
else if (xDir == "left") {+ z7 Y, o  w& L5 f: @% M. g1 h/ h
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }* }, Z% k) O$ G  l, V
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {' E1 b" b# U- O& U
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }$ b# g7 N/ B. l" o( o
   }# `$ K, f6 f5 M9 g, o0 @0 I$ H
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {. G8 G9 k% P! U% H$ ]
   xPos = xPos - BallSpeed;
   }3 [$ X4 |/ ^0 ]- C7 _8 S# m& i) ?
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;' J3 u7 i8 A; G/ x7 S1 z: _: u
   }
else {; C2 p& J# \* l5 J5 z% R: w' p
   yPos = yPos;
   }
}

function hidetext(){0 U1 w3 e8 R2 m, I
if (document.all)$ M. E. r$ a! R' P
supertext.style.visibility="hidden"
else if (document.layers)/ k$ R  _+ }0 \: {, N
document.supertext.visibility="hide"
clearTimeout(animatetext). }# K: O- n* N, y  w  C, d3 T
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;& M8 Q) \' g1 @, [: a$ _
window.onresize = new Function("window.location.reload()");6 J; Z5 F* ^! S
}6 w4 f# W' y: O+ c4 N
3 t7 o* W2 d( w( y$ t8 J
</script>

【捌玖网络】已经运行: