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

返回列表发帖

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;# N* W5 ^2 V$ `# \3 _4 Q
visibility:hidden;: t% _, G8 m# K1 @3 r; s8 m
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. x; t3 h; Y  T. B( A8 D
var hidetimer='';
2 i$ S$ X+ c  _1 @# L, Z4 H
var BallSpeed = 20;
var contentWidth;: y9 @. y& C3 T/ R& f
var contentHeight;
var maxBallSpeed = 50;
1 L7 ]7 \+ j* N$ b( O" d# V

var xMax;
var yMax;
var xPos = 0;; I, M. d5 e! m  V, [
var yPos = 0;& Z* W$ W/ T2 `4 l) U
var xDir = 'right';
var yDir = 'down';+ P" b+ m- b- G, l
var superballRunning = true;
var tempBallSpeed;, Q! \1 w& K: |4 q0 n/ z
var currentBallSrc;
var newXDir;
var newYDir;; c1 N. ~' ?+ n! e* z7 u: F

function initializeBall() {
if (document.all) {& U4 w5 \: N+ w) X/ ?# q# k' T
   xMax = document.body.clientWidth# D& S* b  W. z: P" z' r
   yMax = document.body.clientHeight$ N6 q/ G: \6 V5 w% x$ }3 k, x
   document.all("supertext").style.visibility = "visible";2 L0 F8 I7 |% w; Z
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight; Z0 D8 x2 K- o
   }
else if (document.layers) {
   xMax = window.innerWidth;/ F: [% y# |2 V. F+ H7 U, K3 \
   yMax = window.innerHeight;/ t6 }! n0 _+ f: {& s! i% B' M
   contentWidth=document.supertext.document.width( c, V5 v% O2 i; ^2 b1 A% i. i9 y
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }- L( F, [5 z7 A. k. g
setTimeout('moveBall()',400);$ }1 A7 V5 ]4 H& ~0 M
if (hidetimer!='')  y1 {; o% _: T8 \$ P. U
setTimeout("hidetext()",hidetimer)6 K' c7 B, D- }+ }
}

function moveBall() {* c0 z' \7 Z# Z4 c, I6 H: w
if (superballRunning == true) {: Z" q% C8 h4 n: }
   calculatePosition();$ R5 g' g" _8 d* ?5 b' A
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;! ?8 _/ l+ m0 L" L4 b' u$ E! P
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;$ @$ O$ r* q* C0 z
      }
   animatetext=setTimeout('moveBall()',20);
   }" T$ \7 h; p  `3 F1 m
}( e' d) s$ B7 v6 T: ?1 r! e2 t
* m9 q  a" k7 x& b7 d9 F( I9 j
function calculatePosition() {
if (xDir == "right") {) w. _! U3 a6 [; P
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";' ?9 \, e3 N6 \+ u3 e. E! {
      }
   }
else if (xDir == "left") {- M" j: J/ |/ h$ M7 f
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";, n' `5 L7 A* ?. V+ {  H: H4 C
      }) f' Z2 I0 O' {/ t1 G, w
   }4 B& Q# e- G! }: {0 j6 `( l, b. f
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {" N8 N- O7 r* K5 i. X: u0 O
      yDir = "up";
      }
   }
else if (yDir == "up") {9 C( B/ L% R7 X6 \4 d: l8 A5 x
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }& R; }5 _/ T: j4 _" ?
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }- x4 b& A: b" W8 n
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {) w$ v3 \- s9 V3 Z1 [
   xPos = xPos;
   }  f- I, ~! H% E  l  s
if (yDir == "down") {
   yPos = yPos + BallSpeed;& w+ ?, L+ O0 P% ]: U( s$ w
   }
else if (yDir == "up") {" W: m! T, ^3 A" A( ^% l& x& @
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}7 {6 _; u  @% y' x, f/ ^

function hidetext(){# `# L0 c! u1 g+ X6 o7 y2 e' P
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)9 [# v7 S: A1 w# s, \% U+ y, g
}
" H! c8 _( k% [% M5 e* z
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;: j& l. U8 z! z2 N
window.onresize = new Function("window.location.reload()");6 \& u4 H) L* g' X1 B2 k
}

</script>

【捌玖网络】已经运行: