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

获得本站免费赞助空间请点这里

返回列表发帖

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">  Z4 r* |) T. Q) Y5 b- H! H
#supertext {
position:absolute;* y7 e& ^& d. n9 e6 R
left:0;
top:0;
visibility:hide;5 A/ `/ r* h' p; \3 r1 x" `
visibility:hidden;
}
</style>
<script language="JavaScript1.2">

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

var BallSpeed = 20;
var contentWidth;/ U7 u9 g& K6 X9 H! h/ H7 }3 |5 e
var contentHeight;
var maxBallSpeed = 50;) T! C" b, E' w" x. O
; v; K! _- W( B3 N
6 s5 g3 n, g. D4 a
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;7 [3 Y) ^& b0 r
var currentBallSrc;8 f- y- B5 G; g- v$ T8 k% H
var newXDir;
var newYDir;3 E2 ^8 O. W% D
2 u, X5 D/ |; Q' a) C6 g
function initializeBall() {: {- a. C% i) N  R6 u: a
if (document.all) {; ]3 E3 \8 ?! D; e* ?9 u
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth! v( s/ F# H3 d9 r7 L, v$ G- ]
   contentHeight=supertext.offsetHeight# I+ L+ l& k4 @1 f
   }
else if (document.layers) {
   xMax = window.innerWidth;& ]2 {+ x4 Z' O+ O8 u
   yMax = window.innerHeight;7 t( s% D& K6 ~6 X: ^
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";/ k) u6 i9 V/ L" J
   }
setTimeout('moveBall()',400);5 q6 o+ ~7 G  l, r' Z
if (hidetimer!=''): X- O5 @4 }- U  A) O$ j2 n
setTimeout("hidetext()",hidetimer)
}/ L5 O( ]- @6 o4 p2 ?

function moveBall() {8 L, M+ r# o) g
if (superballRunning == true) {0 D; d$ |! |( k% V; E
   calculatePosition();
   if (document.all) {' k1 {- n. N/ |- r
      document.all("supertext").style.left = xPos + document.body.scrollLeft;3 V, N1 {8 a  S, R, E
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }3 Z- N) v) j! h' y2 d1 p6 _' \
   else if (document.layers) {9 A- a+ i4 k' y4 z: D/ [7 P$ Q
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;! W1 T  `, `9 f  `
      }
   animatetext=setTimeout('moveBall()',20);
   }
}- z) b' F9 R- F$ {

function calculatePosition() {: r/ m. ?0 i) [7 |) ~* S; n: @
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {" ^+ T: o2 ]/ D: j( S( Z8 B
      xDir = "left";
      }  ?. s( S( ]* Q: V2 w, h9 H, c
   }
else if (xDir == "left") {# b* w8 V  U: q6 N
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";2 K6 |1 Y, {+ D$ A5 u
      }
   }
if (yDir == "down") {+ W* ?9 A5 B) Q0 n$ {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }" t2 o1 V2 E) d. Y+ l7 P; l! L
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";+ B# q$ A+ [6 q. r
      }
   }. k* m  {; g/ Z( j$ F5 S
if (xDir == "right") {
   xPos = xPos + BallSpeed;9 l2 P) V5 S4 E4 i
   }
else if (xDir == "left") {0 E8 d; o% ^1 M: T# [
   xPos = xPos - BallSpeed;  z% j6 _5 l3 V% B, H. L8 ?
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;& Z  e/ v  p) Q1 m9 Z8 z
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }( z  O4 I2 w; L' }& a
else {1 v  S7 G! S$ J. Z3 H$ H, e! h
   yPos = yPos;4 D) q1 Z! N; h; b
   }
}4 k6 j* L* T! N

function hidetext(){( W* ~5 x4 i& J+ O4 z) @* n- T1 B, o
if (document.all)
supertext.style.visibility="hidden": \/ |8 I: W$ d6 i& y
else if (document.layers)+ k7 V6 q7 y- w+ @: m
document.supertext.visibility="hide": ~/ S" J# h' a9 N1 b& G
clearTimeout(animatetext)
}. I( T- v& |" _1 m+ S

if (document.all||document.layers){( W& R: u6 {8 W* N7 Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: