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

返回列表发帖

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">* L! T$ S4 J. E/ O4 i$ B
#supertext {
position:absolute;, H$ i- w. _* X" D4 j3 q
left:0;
top:0;
visibility:hide;5 G  B! E9 A6 o) E2 ?) O7 w3 T% y
visibility:hidden;
}
</style>* g) t  V- O; D* d
<script language="JavaScript1.2">4 U- d4 o. [% @. X6 z% o# v: {, z

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 a1 B. o3 {$ t& j: G7 e
var hidetimer='';8 U( z+ U. M+ H+ E
4 s5 ]$ O) p0 a
var BallSpeed = 20;
var contentWidth;, H& l- e) ]( i. m  b; |
var contentHeight;
var maxBallSpeed = 50;- o0 f' _( J) z2 R" L
" D4 d9 P+ U; L7 T9 u8 U

var xMax;
var yMax;
var xPos = 0;2 u0 O% K  e0 m4 `6 Z7 }  w
var yPos = 0;
var xDir = 'right';) G( D% E. Q3 ?: K6 F/ U
var yDir = 'down';- ~2 s. J! Q3 c& `0 A
var superballRunning = true;
var tempBallSpeed;$ r- |* i2 ~" z9 G$ b$ D
var currentBallSrc;+ ]5 C- u- Q' I, B' A$ D" E
var newXDir;
var newYDir;
& }" L. N1 o, }: G6 S2 ^
function initializeBall() {' j4 U' l) r8 I
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";+ U% B* F7 I% l, p- `
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }/ p' _2 Y1 ^' d3 ?" e6 L
else if (document.layers) {+ J' C' `8 W6 m6 g
   xMax = window.innerWidth;
   yMax = window.innerHeight;0 j' A0 u  j+ p
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);; f# k# D/ r; T# ~
if (hidetimer!='')* j- J  r. f0 v# M- [
setTimeout("hidetext()",hidetimer)
}
7 r; \. h9 A* G4 q* r
function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;/ N& J4 l1 r. |& |0 Y: O
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;* K/ p( Y& z! B& }# ?
      document.layers["supertext"].top = yPos + pageYOffset;2 P% t* C  A, Y+ o& [1 k
      }. a/ \. K6 ?5 H; T
   animatetext=setTimeout('moveBall()',20);6 {# {/ J7 M) p9 {0 `/ J( C1 {5 u/ I" U' F
   }
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";5 T  v, V! f4 K" A3 a) O
      }
   }6 r# @9 O3 ?+ v
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {1 |9 @( o: A0 f& _; q
      xDir = "right";% e/ ^$ F4 _+ P* }
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {( ~% B( C2 A, Z; m- z+ Q
      yDir = "down";
      }; c+ e& y4 n: `6 }
   }! S0 w; C( `6 T* i# w
if (xDir == "right") {& j2 A* h8 U6 O+ u# {
   xPos = xPos + BallSpeed;; ^1 S# s( m  h& X
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }7 o! k0 P, h0 \: {5 j  d$ c
else {. {0 @" ]9 s, R; v+ _% V6 m( S
   xPos = xPos;5 f; d" Z8 U$ f- ^/ c' a
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;/ a  j  a: l' F0 c0 ~- B
   }/ X/ ?& {8 S) V* ]' B6 B5 ~
}
! h' ~6 {6 b/ A6 w: M+ w
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"4 N, _7 T" B/ q( F
else if (document.layers)) Z  x6 K5 x% S# [' }' N
document.supertext.visibility="hide"( K: m; w$ x" y) S& V; X- p  v
clearTimeout(animatetext): _& N$ E4 y; N. `: g
}

if (document.all||document.layers){! J# K# |  Z) N' T9 V3 P5 g/ ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
3 d0 \1 w6 F/ Y3 k6 d* W
</script>

【捌玖网络】已经运行: