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

返回列表发帖

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;
top:0;
visibility:hide;5 r0 r4 r7 y# ]8 @+ A+ a
visibility:hidden;' R9 R# b( [# u* [( W) A4 j8 E
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 k+ ^: W: S. o% E- a
var hidetimer='';

var BallSpeed = 20;. s% P. l; V0 T
var contentWidth;/ H0 b9 n* |7 s* D
var contentHeight;
var maxBallSpeed = 50;
# n, c% W& a# }1 o: ?7 S

var xMax;8 H1 h! D  g' S# |
var yMax;; B! ]* A8 n1 C& A
var xPos = 0;
var yPos = 0;. `% i3 K9 h: t0 x2 h) _
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;& h8 X' o  V- W: f3 s! G. B
var tempBallSpeed;1 X* |: [/ T* E7 V
var currentBallSrc;
var newXDir;
var newYDir;+ ~% ~; \; t$ y/ ?- P

function initializeBall() {
if (document.all) {# s2 M( N) {# o
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight9 Y2 c6 k# o9 q( R! p$ g
   }( y2 w! G3 }7 X( o9 B; n
else if (document.layers) {1 Z* Z- O8 @& u4 @* b
   xMax = window.innerWidth;
   yMax = window.innerHeight;* o+ P! b* Z" ^6 I
   contentWidth=document.supertext.document.width) |4 E- y& j3 ?9 W0 s0 b
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }( F) z6 L# \/ n1 g& [0 V1 I0 a
setTimeout('moveBall()',400);
if (hidetimer!=''); ~, W; b, N) `' F' U4 k% ^. @
setTimeout("hidetext()",hidetimer)4 C7 s% I" L4 s: c& I
}
( ?; J  X( E3 b2 S& d
function moveBall() {5 R6 r. {9 P$ G  R, |0 q: ~; x
if (superballRunning == true) {
   calculatePosition();' ~) f) b$ l4 L6 J
   if (document.all) {6 Y. G# @, v) t" |2 i9 q: ~
      document.all("supertext").style.left = xPos + document.body.scrollLeft;; ]) i  u( _' V3 Q1 R/ |
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }) ^/ i6 Q  u, c6 T, t
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;( m$ y) A: a& J& s
      }
   animatetext=setTimeout('moveBall()',20);
   }2 z* g8 Q4 H) P# Q; q1 {; t8 b
}- ]0 z% m+ o# X" E: K5 H

function calculatePosition() {4 R' s; z2 K7 w9 C* n
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {; P1 L* Z8 u: `3 v7 o; W
      xDir = "left";
      }
   }
else if (xDir == "left") {; p. }/ _! p8 T( J
   if (xPos < (0 + BallSpeed)) {% c. @- W8 W3 C9 O: E- j8 m
      xDir = "right";) ]: v8 K5 B* v9 f" j- V! Z  x
      }8 h# L- _' ^( O% m( f# ^4 A0 H
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";$ |2 V. O# T1 S" A* J, |# F  M. R: a
      }
   }* s7 q2 ?/ z, o6 W* {
else if (yDir == "up") {7 d2 |2 x$ c% a+ x/ D8 o
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }1 V4 w* |" D/ ]5 z
   }  \4 S  t& x6 u# _  f1 n" m; u6 x2 G" I
if (xDir == "right") {
   xPos = xPos + BallSpeed;0 q3 s* p: S& H! C
   }/ j. m2 s. b% h6 o+ S5 K* p
else if (xDir == "left") {" }. s$ x& f; D' a, n* A/ M
   xPos = xPos - BallSpeed;
   }: x" ^5 f6 p2 C7 u
else {
   xPos = xPos;( V. p1 p  T6 K7 @$ B6 a) O. K% t
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;6 z1 k* l. Z! R
   }8 X: g' U) i1 b9 N9 A! D1 p) x1 H
else {
   yPos = yPos;
   }/ j1 l4 [! X) w! g1 f$ J) d( C; _
}
+ J4 t0 s1 u% f
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}
5 _4 T  w6 D* ^" W) b9 d
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 q9 I- w+ T9 R1 H% J
window.onload = initializeBall;  }& A. T% a, z( S3 \, b9 `
window.onresize = new Function("window.location.reload()");
}
; M0 A. W, B& k" A0 ]  J
</script>

【捌玖网络】已经运行: