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

返回列表发帖

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;
top:0;
visibility:hide;" [. l: z0 S+ ]% Y4 @
visibility:hidden;
}! |' m9 _( V! K7 S$ e
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# H' U6 Z9 L2 s+ Q6 y
var hidetimer='';

var BallSpeed = 20;! w6 X' @) y) X& T
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;: f6 ?3 }7 ^3 b+ e2 C! Z

var xMax;) k$ f6 p4 r" Y& C% H/ S
var yMax;9 S- J3 n# X' b: {: ~& c
var xPos = 0;
var yPos = 0;5 q6 k$ z, m5 R
var xDir = 'right';3 W( v' S& H* K# ^; j
var yDir = 'down';2 `4 P1 u4 E6 b7 {' M! y
var superballRunning = true;* q2 Y# V3 t9 o& @( `% B( V& {  {" p
var tempBallSpeed;
var currentBallSrc;$ b3 U; h/ Q" U( {9 m- J, ^
var newXDir;9 ~% Z& N: j& {& N
var newYDir;' b9 |' g0 A' A" `- S- O

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth: l$ H9 V) J1 k& \; T2 [! M
   contentHeight=supertext.offsetHeight
   }# Y+ \2 A" t, |+ f3 I0 U
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";2 g7 f' |8 r9 R2 p4 i7 x! D) l+ u
   }1 C8 g  X# a% A9 O. Y1 y* }1 ~- @
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)! V2 L6 E% M3 n. A, r' T7 J9 P. V- O
}2 h8 f  D4 m) V6 [1 K

function moveBall() {) f% U0 `7 F/ M+ F# f
if (superballRunning == true) {
   calculatePosition();+ D1 c  i/ l! S& `& {
   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) {4 m6 p5 C, q. d# D2 C+ h) r
      document.layers["supertext"].left = xPos + pageXOffset;# @: m( X/ t- Q" {
      document.layers["supertext"].top = yPos + pageYOffset;9 C/ g3 ~2 J* E# G
      }
   animatetext=setTimeout('moveBall()',20);
   }+ m* ^: B+ y" Q$ y
}
; G/ C  v0 q; s$ e- ^( T
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";2 Y) d" @/ k* o: R( L2 P* D
      }
   }
else if (xDir == "left") {0 n$ S' `. k" M; t: v. P8 k
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }) R6 {7 j7 p, x  c
   }3 c* w$ L& N+ h; M3 d( x  X
else if (yDir == "up") {- d* w1 ^$ m! s- ~. y3 E
   if (yPos < (0 + BallSpeed)) {. p- d- t/ x/ d+ b) u5 x! J
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;3 s6 H, \. K* }/ r. o9 J
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;5 z& @; g4 M: X* C
   }3 |( w5 W2 e# B' C; F9 }3 g7 }. ~
else {
   xPos = xPos;
   }
if (yDir == "down") {& N* f7 C' z( X
   yPos = yPos + BallSpeed;# I" }( g. m; ?5 J# H
   }4 i8 w! a7 _1 E; r. E
else if (yDir == "up") {
   yPos = yPos - BallSpeed;7 E- U1 {6 E; M. }/ \' k
   }
else {
   yPos = yPos;! p, b  _, A  h: g" @
   }
}

function hidetext(){1 x1 Z$ \% \) ^, T  N0 {
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"# k9 X+ t. I2 }* a8 E$ c
clearTimeout(animatetext)
}' f7 l7 S5 P, b
2 G2 d8 O: Z3 n' E. z6 o& G* f
if (document.all||document.layers){- I; r+ Z  t" @; h  G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 s$ w# Y+ @1 _, B) C
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");7 _) H1 n0 V" g# W9 Q2 q& ~
}( |) I% V/ I  z  o  Z
& Y( ~8 H9 j+ l2 A- m) P
</script>

【捌玖网络】已经运行: