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

返回列表发帖

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;& _, R6 H# y- n0 T
top:0;
visibility:hide;- }  z3 U/ R3 V5 M. e' U
visibility:hidden;
}
</style>2 _& q  q+ M( E6 ~; p# W$ ]: C* t
<script language="JavaScript1.2">

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

var BallSpeed = 20;4 O8 J' [" P* o- ]
var contentWidth;& [7 u8 V- Q& J( }/ Y% X
var contentHeight;
var maxBallSpeed = 50;1 F+ n  |; R: E$ s6 {

var xMax;
var yMax;. ?# C- u# i7 G6 v1 f3 X
var xPos = 0;
var yPos = 0;
var xDir = 'right';, M+ s, X+ }) O/ K/ e
var yDir = 'down';
var superballRunning = true;0 o: C/ w# i& A" X, ]# @' z3 @
var tempBallSpeed;4 g$ z/ W; z/ a9 ]' @+ G
var currentBallSrc;0 H. z2 f7 b& s* s. R0 N0 O
var newXDir;; y, d( u, O; h% y  E/ P0 C. Q
var newYDir;

function initializeBall() {( I& H, T. ~, j* |7 g
if (document.all) {
   xMax = document.body.clientWidth, m0 u) ~+ j- Z2 L3 B8 N
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth  ]( `( A0 t& i# e% J
   contentHeight=supertext.offsetHeight3 ]4 B( M. C2 V8 G: o7 ?; D
   }5 s( M; x# A! t+ y- H
else if (document.layers) {
   xMax = window.innerWidth;4 R# N# q' S! J
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width% j6 b3 R, m1 v
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }( n0 ^0 e: K; y, a( o
setTimeout('moveBall()',400);7 z" H1 J5 _1 `2 w8 I/ G$ D2 s
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}
! l. }3 o: e" T
function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {2 }9 F- J& U2 _4 C8 e
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;8 O$ |! p9 p* z; }8 C( l
      }
   else if (document.layers) {" V  n5 w' B9 E
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }$ I6 C: s+ C, E8 W7 J* h
}6 N  u5 G( h+ b4 E

function calculatePosition() {' r6 s; M7 D( m3 `3 h4 |4 \4 E
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }0 z2 R- k9 ]5 ~. _
   }
else if (xDir == "left") {- v$ o$ r9 G) e, U( K7 i- d: o
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";5 Q9 \, A$ M; l  G% n- `
      }
   }) G9 I5 }" h7 v0 X
if (yDir == "down") {, A8 ?+ M9 c% Y% s' }" J
   if (yPos > (yMax - contentHeight - BallSpeed)) {6 m) y5 m- U7 G( l* P# \
      yDir = "up";: {+ h& V# f- ]; |) l- O6 D' H
      }
   }
else if (yDir == "up") {4 {+ X$ J, K& }! ]7 N
   if (yPos < (0 + BallSpeed)) {# C% [" A$ f( |* {! V5 i% t' ?3 u# y
      yDir = "down";5 r. w$ ~3 H" l; A) O' D- [
      }% M9 M: r# o- [$ w. L+ a1 j
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }$ v6 t7 z: l1 J- }8 ]9 w
else if (xDir == "left") {
   xPos = xPos - BallSpeed;* C7 R" a  T/ |3 e* v/ ?
   }
else {
   xPos = xPos;7 e( y. _% j9 C* z+ N) }" A# T
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;$ Y+ a$ M- h6 [& M; ]2 X8 t% W
   }2 K. g7 b# q# M0 \! e9 J
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }" O5 }1 y8 l% `, Z7 @; u2 T
else {
   yPos = yPos;
   }
}7 T- i) b, c. t0 z/ K' J

function hidetext(){
if (document.all): d1 Q0 z8 U6 B9 N2 F5 u! b0 n( x  b
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"" ?, Z0 m9 C3 M+ b- A( Z: P" i( ~$ |6 @
clearTimeout(animatetext)% `5 v1 M' W3 b; x
}) x* |5 H/ i( X% `

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");. P5 j1 V9 B& t2 J8 t5 S
}
. S7 C% _" P( {3 F& p) q& }
</script>

【捌玖网络】已经运行: