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

返回列表发帖

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">. C- k8 S( D, h( c0 r5 Z
#supertext {" ?, r# L! [2 f1 o$ t% E
position:absolute;. n3 s# n. s) Y' x
left:0;" W: j' ]  A1 N5 J# r! |
top:0;% ^. s# B; Y( R6 X, z4 C
visibility:hide;! F% e9 O) T% _* \' k9 U5 S7 U/ s2 A" s
visibility:hidden;$ R" v! U5 W$ X4 e. ^* E( s
}
</style>
<script language="JavaScript1.2">. Y6 K& f" t6 W' R! f" S
7 o) t! K' _0 D0 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
# R" _; A. q8 v+ u( E
var BallSpeed = 20;8 ~- r. n# y- V) e
var contentWidth;- V% }- y$ H, U
var contentHeight;
var maxBallSpeed = 50;

5 B3 j6 D. J1 B( Q! `! _
var xMax;) n) q1 B7 ]( u$ I' F$ G
var yMax;
var xPos = 0;/ l5 j+ P) m) g3 v6 @) F
var yPos = 0;
var xDir = 'right';* D, |* h$ h( l
var yDir = 'down';8 Z0 l) m* ]: Z/ Y
var superballRunning = true;* z. Z/ y4 M5 L# N# z9 j( H7 d
var tempBallSpeed;8 B" s3 s  I* q6 I- `
var currentBallSrc;
var newXDir;
var newYDir;0 m' T0 ?/ L) m2 e6 ]& ~1 n- N

function initializeBall() {# Q8 O) L9 r' Z1 p( S: K2 [* o/ i
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";9 g+ W, v2 u$ B1 v1 R/ W) a
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }5 M  K& f& |( o+ E+ l
else if (document.layers) {# }* }$ s4 t. t0 G9 `
   xMax = window.innerWidth;
   yMax = window.innerHeight;7 w2 D+ [" M4 m; t  ^% W( l! y
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')& _5 O6 E+ ~0 u+ Y( @: c' I0 u" n5 y
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();7 t8 {* z% i' W$ O/ {( o
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;# c" ^$ ?/ |$ E9 s  J3 q, L0 \5 R
      }
   else if (document.layers) {1 Q, I% g6 |1 K; ^! j% ~
      document.layers["supertext"].left = xPos + pageXOffset;" q. {3 m8 {4 H2 C
      document.layers["supertext"].top = yPos + pageYOffset;
      }1 W: v: C# D8 Y- o
   animatetext=setTimeout('moveBall()',20);7 n7 G; m. }& Q9 N1 m
   }
}& p, u" q7 l6 }% R
1 C. {' G9 ~3 ]" c
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {( w8 v: Z5 p- E: v# p
      xDir = "left";3 F$ ~9 i. [9 _
      }
   }% p5 W  Q; L9 A) E  C. f  Y
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {2 A$ V5 n! }4 R# a; D/ c
      xDir = "right";
      }4 _0 p0 B2 H/ D7 T6 C2 B/ M, z
   }$ B6 P3 b( |8 v' g1 v
if (yDir == "down") {5 L7 |8 b0 F4 z+ ^: t$ h
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }" E. ]2 C) c( E# T, F" z0 d1 C
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";# h4 J" ?1 ~  T
      }; B! l3 @2 N. L$ p/ c8 R$ L  R; ]
   }! B% ~/ t7 M: a2 Q' [& M
if (xDir == "right") {8 K* `! |5 J' T, Z6 y% b- o) e
   xPos = xPos + BallSpeed;
   }4 p; m8 V$ _8 b% U( M5 Q
else if (xDir == "left") {
   xPos = xPos - BallSpeed;5 o5 N' _$ P: q; N) r  A
   }
else {# k; x9 C2 T. u( c& w3 p7 _
   xPos = xPos;8 ]7 [6 H: a( o4 k. @! j( I! c
   }
if (yDir == "down") {( y$ N, }3 p0 j, n/ n; X
   yPos = yPos + BallSpeed;# K: e1 O; `0 \. t& W
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {1 _4 q6 d0 A3 I; K
   yPos = yPos;* p2 C, R2 b3 n4 k3 H
   }
}, C8 d% I% I7 b8 m) f9 `

function hidetext(){
if (document.all). O, t' s$ S/ N8 {, a
supertext.style.visibility="hidden"
else if (document.layers)9 z- Q) p8 F- a6 c, x: E! V' z; J3 A$ C
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}3 V4 d9 m/ j' o
" \( p8 P# L6 i8 _9 a- o' G
</script>

【捌玖网络】已经运行: