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

返回列表发帖

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 {3 M0 p" X: v1 P# m8 G" G2 q7 [
position:absolute;) V. D; B0 l8 n: d# ^
left:0;
top:0;" b  o/ g; [; k1 f, j
visibility:hide;1 ?5 Y# r( d: O, |3 N% e# `0 F
visibility:hidden;
}
</style>! G2 e4 x4 t, C4 M( f$ [- }" k& p  g
<script language="JavaScript1.2">
( Y- [* B0 ~/ I; ?2 e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;# F; ?9 S7 o9 i; N+ Z
var contentWidth;
var contentHeight;! I/ o& y$ c8 I: Z6 Q
var maxBallSpeed = 50;$ H0 _! M7 G4 `% P  Y+ _
) X) N7 I7 e0 f6 Y% a

var xMax;
var yMax;1 V; T/ x# Q& I2 f$ x9 ?
var xPos = 0;
var yPos = 0;. ]3 O; ^) `! ~" M9 C
var xDir = 'right';
var yDir = 'down';! |$ \  G+ w) W( j+ U1 E
var superballRunning = true;- f- F+ @# B% N' Q0 |: G
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;7 p4 ]: T$ Z2 U$ ~+ e% s* |* \2 b
, k3 l' r( J( P: H4 V# ]
function initializeBall() {
if (document.all) {  P0 W6 T0 ?, Y' d
   xMax = document.body.clientWidth  ]2 Y6 f3 W; `" O, H2 q
   yMax = document.body.clientHeight) \8 A1 ?. I. y9 u7 v, `! Q
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight/ K& u  e6 a1 H: @8 ^
   }- W9 T- m/ E. H5 W8 e
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";* f. D0 r* |. x4 t- J
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)0 T  m  R! w( \( j
}3 T# l+ o0 H. A! B6 T: ^

function moveBall() {2 a! r* Q. m8 y* W2 _: r+ m
if (superballRunning == true) {. c( ]$ c& l0 @; T7 u
   calculatePosition();( E+ H. q5 _2 }0 Q: I+ D
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;( f& z+ _5 p& Q; H
      }
   else if (document.layers) {) `# S5 T  V( g
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;, D2 m! Y) R/ K: M' I( q$ d
      }
   animatetext=setTimeout('moveBall()',20);3 p3 L! b3 @6 j, l( k
   }
}

function calculatePosition() {+ G/ ]6 O( ]7 l  z3 F- z
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {  L' U) p. s- D8 F9 w
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";' \3 T; ~" m9 |  Q7 c
      }9 R: M3 `5 N- F: z, M
   }5 a4 e0 I3 c; |9 ~7 H: _
if (yDir == "down") {: A3 n5 u* k. l, B. J+ _' ^/ `% }
   if (yPos > (yMax - contentHeight - BallSpeed)) {( ]! J5 K& D: r9 p  i
      yDir = "up";* C7 |/ X2 S& R$ i: J) G/ K
      }# G) |2 c) T" V4 ~3 |
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {  m0 k3 v1 e: w+ Y- r4 {) G6 I# R
      yDir = "down";
      }9 l1 Q1 e4 D% O: [( a0 g6 V/ N
   }/ A; P8 N! \, }" I- ]2 c
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }" E% l& Y4 {# p/ N  ~! a+ B5 B' a
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {% y: B. M9 {" t) n+ W
   xPos = xPos;
   }9 l! H: F0 k$ ?& c- M9 f
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }* ?# m7 M: d- G# Y* F$ O
else if (yDir == "up") {
   yPos = yPos - BallSpeed;( Z" M: g( W6 @( A5 w
   }% s. H( P; B3 Q* W
else {
   yPos = yPos;0 y. }1 t, j  N
   }
}# [' g  ?6 ?; q1 k7 ]& P! g+ L1 y

function hidetext(){4 k/ Y* E' l' C$ z$ m
if (document.all)
supertext.style.visibility="hidden"1 `. D; B7 g) h
else if (document.layers)4 }. w8 `# }* A6 x9 h" j8 R' G/ `
document.supertext.visibility="hide". `+ B  p4 c# W0 B0 C& w
clearTimeout(animatetext)
}5 s" ]. z' D: ^6 \) H1 }2 g

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;. ]0 ^+ R$ w" {7 `
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: