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

返回列表发帖

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">) [' q0 a( ?* j0 m
#supertext {. a1 Q3 `  L# ~0 `3 f
position:absolute;
left:0;
top:0;
visibility:hide;% h. s2 ~" ]) g+ L. P
visibility:hidden;
}
</style># Q0 @! l# d) r3 Q/ \
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

1 f* l4 J: A: A
var xMax;! V, T1 A, S1 A. ^
var yMax;
var xPos = 0;% o3 y5 n* K$ ^, O+ b7 E
var yPos = 0;
var xDir = 'right';2 @' E* g' C3 V% e! j3 j
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;, m9 g2 z) f; m2 H
var currentBallSrc;
var newXDir;. P  o7 n) c1 Q# x+ {
var newYDir;. d' H( Q( H3 J  i9 Z
; f  W: v4 m1 z/ P
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";5 A* M) s( K9 x! W4 l$ q) b5 j
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }9 A, C6 m! ^+ ?4 M) W3 x
else if (document.layers) {% J( a% Y. f% X0 J" Q6 n
   xMax = window.innerWidth;- r3 N! e% O' s* s& A9 {# R9 C
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height; w/ y1 ?. M4 O/ u' _
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);) S- Y: c) t9 [: w) X, H
if (hidetimer!='')8 x% ?( u# F9 |, f+ @
setTimeout("hidetext()",hidetimer)
}' T) G$ P8 [/ r/ ^7 i# B( H

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {3 h1 e" k/ ]: \+ z7 T- |3 ^
      document.all("supertext").style.left = xPos + document.body.scrollLeft;; @: Z* W; h6 S/ U$ f
      document.all("supertext").style.top = yPos + document.body.scrollTop;  P, j* _+ u8 U1 i, V
      }7 e& i1 X& I0 y6 W$ R+ _9 L
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }: K5 n! {& w2 X. D
}9 @, i# Z) {% j+ t/ P

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";' ~$ x, W$ x5 Q( R# w
      }" F, l" b7 A5 m
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {/ ?' k, C/ e9 o4 |# M$ [
      xDir = "right";8 z! F6 v: t, T1 j1 Z* j7 j
      }8 `5 @5 Z- s' l$ |
   }/ k6 ^3 [2 \" R- }# R2 K
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {8 `) V0 v* W. H9 Z3 g3 X" o5 I1 I, r
      yDir = "up";
      }' L# H% p! Q( d' k. p8 x/ X
   }
else if (yDir == "up") {# l3 q1 a0 K+ g
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }% p! \+ y' R* K0 z7 B9 }
if (xDir == "right") {% G/ W4 k' w  j* K
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {% p* X! c0 p6 t2 G* j
   xPos = xPos - BallSpeed;+ N$ [5 w& M2 @% p5 g$ K) K
   }
else {; U# u# V; v) H3 p% q  ]% K
   xPos = xPos;; N/ a: V9 z6 x: u
   }. t  j! s. e5 d5 P2 |9 D
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}  @4 R. |+ @0 f! W& h. \9 L
/ @9 w% x8 J: V
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)7 I* [3 A# m. q' m! Z( ^- f8 I
}
9 U! T5 Y3 @/ {0 Z
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");' E2 R# y& b: a3 o7 U# s
}0 R) ~% @' z" Q

</script>

【捌玖网络】已经运行: