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

返回列表发帖

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">. }, `" Q) U9 e8 J
#supertext {
position:absolute;( {2 \$ ^" n. y, f' ~
left:0;9 D5 j& P7 `, ]( E
top:0;
visibility:hide;% r7 Y2 U. ~4 }( z2 n% w7 a' O4 \
visibility:hidden;% \! T5 J, a/ f
}( C' q7 H; W3 c: Z+ }
</style>
<script language="JavaScript1.2">, @) R8 Q! K3 C

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ j9 J/ g7 \8 M( ]  a
var hidetimer='';: m" I$ X4 X) G; ^  |
% U! h( B3 Q; u
var BallSpeed = 20;; D8 Z3 \4 P4 e9 W4 J3 i
var contentWidth;; u+ g+ s) @" G/ q
var contentHeight;
var maxBallSpeed = 50;- A( {2 E0 B+ B9 j3 m

var xMax;
var yMax;# r  I5 Y* Z0 ^( u) b
var xPos = 0;
var yPos = 0;. q' x' U' ]+ s6 `; X/ y, ]9 S7 K
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;7 m& V5 ^$ T, c6 j
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {. s4 V2 ]2 c6 a
if (document.all) {
   xMax = document.body.clientWidth; s( O: [& v% J: ~" [5 b
   yMax = document.body.clientHeight. K8 |6 |  I, s$ |4 Z7 W0 q; I  O
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight4 H1 b( h; x/ f, H
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";- n% P7 G, u$ m
   }
setTimeout('moveBall()',400);7 ~0 \/ \7 @9 y" I
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)7 o1 w4 [" c4 u! d
}, f, t  U) R2 H, K! Z/ J# ?! h0 h

function moveBall() {$ K$ s/ @. y! i0 x5 K
if (superballRunning == true) {1 f. H9 j. ^5 I; D9 s1 w( t
   calculatePosition();, w2 O" w" v; j( F
   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) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }3 f- T* W4 c* `3 M3 W: y
}
# @1 A( i" V- i* s
function calculatePosition() {( f7 j. ^) N; w: h! S! u
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {& n8 W  a1 |) y5 y
      xDir = "left";
      }
   }0 p/ ]* l! }' n' B
else if (xDir == "left") {) G3 r, Z4 K9 f$ z8 `
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";+ H% I& h: {# d0 f0 X" m
      }( ~1 @! W: p6 K8 H) I' y0 i
   }
if (yDir == "down") {" p# }: h& ?4 j- G4 b
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {4 @- i2 T0 W; ~4 s# y' [
   if (yPos < (0 + BallSpeed)) {! G; H% J' i9 Y/ [1 d4 G, o
      yDir = "down";. z) b. ]5 c# ^; I
      }
   }
if (xDir == "right") {0 F8 r- P8 Q/ I0 t3 I2 l$ ^
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;, X3 D: M4 B! B& m
   }" M& _1 n& z# }6 |0 X% t
else {
   xPos = xPos;
   }
if (yDir == "down") {5 v/ V" x; g' `- @' e& [: H
   yPos = yPos + BallSpeed;
   }. i5 G. P4 @' A
else if (yDir == "up") {
   yPos = yPos - BallSpeed;9 Z$ S% E4 j( t8 o" v) i
   }( X' w; `, K& E1 K) M8 q
else {
   yPos = yPos;" e3 X& R8 {0 Q! q( _% `2 {
   }
}5 n4 l2 q/ e1 }/ \( K, g2 G

function hidetext(){
if (document.all)5 F: \% [* l* t" f" u8 H8 ]
supertext.style.visibility="hidden"
else if (document.layers)9 ~  w/ Z6 @# H& E! o
document.supertext.visibility="hide"& q+ \( u9 v  \. e2 M8 j
clearTimeout(animatetext)
}
: M3 a& l) B; W
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");, O3 ^9 F/ j" }7 N( T
}% a* O, S7 ]% G

</script>

【捌玖网络】已经运行: