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

返回列表发帖

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">' T6 b/ S4 ]4 A# j0 V5 K
#supertext {
position:absolute;
left:0;2 ?0 L3 d$ u3 b
top:0;
visibility:hide;
visibility:hidden;
}- j6 G2 d+ m" Y6 q4 u0 Q! a' r4 c
</style>2 C% a+ R* s/ G5 D% f
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; x0 q- O( h$ m
var hidetimer='';, V2 ]7 E: m% g: u. Y

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;
& g  c7 K# M7 O, U- b

var xMax;' h- `4 C8 p9 d! e* i
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';" C! S5 M7 g( v) }+ f
var yDir = 'down';
var superballRunning = true;/ U6 |2 O" s% S1 q0 a
var tempBallSpeed;9 r% }% T# E" |
var currentBallSrc;
var newXDir;
var newYDir;
3 {% I4 f1 P$ |7 |1 P# D- E; W! L
function initializeBall() {
if (document.all) {2 y" E- P) O, s
   xMax = document.body.clientWidth" N( U% d! L3 ^4 C/ ^
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }) t! H8 \- R5 e; d& R2 l8 J
else if (document.layers) {  O) P" {8 D& l% e% n7 Q
   xMax = window.innerWidth;+ H- b$ u( A7 [( X0 k; j7 R
   yMax = window.innerHeight;8 J2 F* J* k% H# v4 L/ u
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height$ ]6 i- z. L1 q; s
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);! V! [6 i. G& J+ y" i
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)9 v9 Y- Z3 [1 r
}

function moveBall() {  F) x" y8 ^$ z' V2 R; b/ n4 l
if (superballRunning == true) {
   calculatePosition();! c5 ~  n3 i: V' {& d7 T
   if (document.all) {4 |, y& T; K$ t5 J% c, P- R
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {) w. j0 K8 x' G2 }+ b( J1 M; x8 J
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }, P$ P. y. g1 R2 o3 `
   animatetext=setTimeout('moveBall()',20);
   }
}8 \6 U8 y- Z# |; l
5 o$ `2 D+ i" {0 t3 o/ @* ]0 f
function calculatePosition() {
if (xDir == "right") {( c% V8 J. b1 A4 C
   if (xPos > (xMax - contentWidth - BallSpeed)) {/ t+ O7 X5 \& u3 b0 `
      xDir = "left";# v4 _9 i, ?3 V0 T/ k4 D7 [& F9 y
      }
   }. R1 C! e% {% v5 c% @( E
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {/ {% d2 C) |) e. l  Y$ S
      xDir = "right";
      }4 w, j: c2 ]/ ^8 l) d4 H7 N
   }
if (yDir == "down") {$ S5 B" U' j' N+ J+ X& z
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";# D3 B9 J% z- [6 W* J
      }
   }* a7 t$ j! ~: d! Y% s; F
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";* l+ K& E3 x; a+ V
      }
   }4 U) [3 V1 t  f& s/ P- b
if (xDir == "right") {
   xPos = xPos + BallSpeed;- ]4 A3 z' N; |0 O+ G) v) [
   }
else if (xDir == "left") {& X2 K% c4 h+ L" @* ?- F
   xPos = xPos - BallSpeed;, P9 m+ ~, b& J6 c5 g
   }
else {
   xPos = xPos;1 ~- B; o$ q, T/ m8 j: H5 t
   }% x! k# E4 M- H' z+ a% r( X0 p/ ]$ c: N
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {- f: X8 e: k5 |. ]  Z2 a5 S8 ~
   yPos = yPos;
   }
}# w2 u( d8 d6 o1 _1 w" M) M; h+ p

function hidetext(){( ~5 j( S5 j+ ?" r3 M) Z0 p
if (document.all)
supertext.style.visibility="hidden"/ k# y; L1 V* p4 D
else if (document.layers)
document.supertext.visibility="hide"' `6 I5 E, O( C6 @2 y! f
clearTimeout(animatetext)! l. X! l, n* e% n6 H
}
; S5 r2 v+ w+ p! \& y) n
if (document.all||document.layers){8 S' Z2 C1 C- y2 P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;6 p* }( I* m! T5 x3 Z
window.onresize = new Function("window.location.reload()");
}
' n- ], m2 U! T- w1 ^# b  V
</script>

【捌玖网络】已经运行: