捌玖网络工作室 - Powered by Discuz! Board

标题: 网页之不断弹射的文字-特效 [打印本页]

作者: zw2004 时间: 2008-1-21 20:55 标题: 网页之不断弹射的文字-特效

<style type="text/css">
#supertext {+ l/ }; Y, c/ `  h
position:absolute;$ n8 K: i* q) @7 y6 B( G
left:0;
top:0;. K& h# X; M! q! k  V7 F2 k
visibility:hide;
visibility:hidden;5 Y0 W+ `! s( R8 |) ~3 N
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& o9 w2 Y! N5 k! c2 V
var hidetimer='';" ^3 n" R' d, B  O! V

var BallSpeed = 20;, l  S4 `: ^( w! C
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;
; S  E# X" u: V& `

var xMax;* X1 G+ z3 E1 d1 ^) r6 U( n8 b
var yMax;
var xPos = 0;
var yPos = 0;: N, a5 h+ H9 r/ }' S5 a
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;5 C4 s, [/ X- W  k7 @6 Y
var newYDir;% f" ^7 Y4 L3 w5 |+ ]& I# K' t
/ S* c) V/ g  n7 I2 \1 d$ E+ G
function initializeBall() {
if (document.all) {9 g# A7 O) [& q) w% Z, I# P/ \( o2 U3 T
   xMax = document.body.clientWidth5 H+ M- ?& }; T% h0 x
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";1 A: i& g5 N) g) v  v2 b' y
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {' _7 ?: l/ l0 P# @
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width; `( y2 k1 ~4 C; J$ \' n, F4 G
   contentHeight=document.supertext.document.height9 u4 `2 O# C: T" F3 c; Q5 {5 ?
   document.layers["supertext"].visibility = "show";# e, P" k  B# y6 R5 @2 b
   }
setTimeout('moveBall()',400);
if (hidetimer!='')/ a  p& j' ^7 W7 v, x6 ?, J+ u
setTimeout("hidetext()",hidetimer)
}
3 k& b0 ]0 {2 M$ ^
function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;( e6 `' J6 F3 k1 `
      document.all("supertext").style.top = yPos + document.body.scrollTop;! {/ B4 D! z  P" w
      }
   else if (document.layers) {6 E' o( n" F# d
      document.layers["supertext"].left = xPos + pageXOffset;% `! Q8 |7 D* h( b; N( W
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);* z9 [: J, d5 y% L, r6 F) Y
   }
}

function calculatePosition() {: j+ \4 x, n9 [; s, {  Q4 ^
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }* r" R) E) _: S
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {! h' P: B7 I' T
      xDir = "right";- z9 s1 G  G" P- A! D! Q) R1 S" i7 k
      }0 ~% w3 Y! |) ~
   }8 N, O- q2 Q) l) ~/ Q2 M
if (yDir == "down") {, _; _3 k2 J# r! |8 i8 V
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {, E( b8 m4 j' b. ?0 L5 S6 I
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";  b$ @1 b2 q$ |$ W$ ^4 }) E
      }$ `* ?8 Q, n% P% i8 a" D, S! H
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }; N' Z% ^+ j# v6 ]
else if (xDir == "left") {
   xPos = xPos - BallSpeed;1 H- [& X$ R$ t; {* J% C  j7 Q
   }" X) x! _: D- N+ R
else {$ V& {9 M7 ^  q; S( x& w
   xPos = xPos;) F1 L8 k) r1 l3 _. B. V, h+ @
   }
if (yDir == "down") {: A( ?9 ^/ Q, z( K
   yPos = yPos + BallSpeed;7 h7 Z7 S5 t6 j$ F9 X$ ~
   }2 x6 h( m% D) W" \- C8 N
else if (yDir == "up") {. _: `4 _3 i, T$ m" d# D
   yPos = yPos - BallSpeed;
   }
else {; @0 Z" N2 k# \7 u) ~" m
   yPos = yPos;
   }' M! r# c* c& b6 P+ Q0 ]; n
}
6 x% Q+ |3 Y4 K% R  y6 f
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"9 [2 {& {( ?. _9 B0 s$ Q
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext): q/ {8 L& m3 G! J& G( `
}
: o1 i; W( P2 C2 {- H5 K8 d
if (document.all||document.layers){8 P( F& y- c0 `' E7 U6 ^2 s" R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;2 A/ ^9 ~! U& f1 b/ C
window.onresize = new Function("window.location.reload()");2 a* @, P; \4 C; C, U
}
8 X9 `8 `5 F0 X6 m. v, `
</script>

欢迎光临捌玖网络工作室 (http://www.89w.org/)