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

返回列表发帖

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;- |# x) [8 R' j' x4 N+ Y" Y
top:0;
visibility:hide;4 C) W: C2 `% d
visibility:hidden;
}9 D$ e/ |! x, m3 ?% B, O6 J
</style>
<script language="JavaScript1.2">
, c) a4 F& p% f$ p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* V5 l, a" f  c: Y  I
var hidetimer='';
7 X0 o+ j7 m' b/ m8 _
var BallSpeed = 20;
var contentWidth;2 \* ]0 |& y8 y6 F/ M$ ~
var contentHeight;
var maxBallSpeed = 50;
8 A; h- H9 N  F) h
) Z$ d! O' k! e; e
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;: ]5 @$ a' h  f6 {/ [# d+ Q9 u. h
var newXDir;
var newYDir;
: z1 q+ }! c/ s, E  l' @
function initializeBall() {
if (document.all) {- }7 n5 \7 R+ P7 F; E
   xMax = document.body.clientWidth6 |" `+ o+ n& u/ X- O. {, v' L
   yMax = document.body.clientHeight6 u5 A. Z. S" y% ~. M, i( y2 j$ D7 C
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth2 ]7 d2 S9 N& [$ H0 R
   contentHeight=supertext.offsetHeight0 R  o. o# Y/ ?: J9 t/ }7 J
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height, l8 }$ [1 p/ d
   document.layers["supertext"].visibility = "show";1 ?# s& g$ q5 I+ v
   }, e* y' ?: P4 c# g. ^
setTimeout('moveBall()',400);( K4 G. S7 g1 e; S3 j- n% S
if (hidetimer!=''). K0 c1 M& m( E
setTimeout("hidetext()",hidetimer)
}: }6 ?( G2 F% t+ _* s% r

function moveBall() {9 d5 l8 q9 w- U2 a( g
if (superballRunning == true) {
   calculatePosition();7 G( {% W. P; F2 u4 J
   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) {! {2 z2 @3 j+ r2 d9 @5 W
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }  N2 W( U% K6 E5 ?6 J/ l
   animatetext=setTimeout('moveBall()',20);4 R# Q( n5 w/ H0 n
   }
}

function calculatePosition() {- s3 I6 T6 y2 Z  f
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {3 ~, B1 r7 j; k' h) I, T$ Y% y
      xDir = "left";
      }8 h) S5 i& x$ W0 C; X$ j
   }
else if (xDir == "left") {2 z( W' w* Y" t
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {0 _! |4 z' Y* a! H! ?
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";1 D2 h  @( \' s: w0 |1 D3 Q  N
      }
   }
else if (yDir == "up") {" A3 F6 A2 N! i% ?4 _
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }" F. `* w. Q# O8 S
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;  Q1 B+ ^  K; Z, H) s! F  v* N7 F: @
   }* X/ i9 h! m, K9 w
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;
   }0 s# R+ I, f6 ^3 X4 b3 q3 l1 G
if (yDir == "down") {
   yPos = yPos + BallSpeed;* B* ]! x8 l' n1 ?
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;+ v! N! M2 h. [. A. [1 O
   }& s: \( V+ D' X; p
}1 S0 {* {3 m/ y7 V; i
) Q, G: G' U$ F6 E
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)) [5 T% w# W9 z) d2 Z2 \
document.supertext.visibility="hide"
clearTimeout(animatetext)0 H+ E& t5 n. @# W% j
}
7 z( j/ X) F# v" c' b
if (document.all||document.layers){5 ?  a; y5 x# x" Y8 V; j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: