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

返回列表发帖

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;$ z) c& Q7 y9 C% c
visibility:hide;) \. ^7 q  X4 _2 `
visibility:hidden;
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';2 n/ C; O2 Y" K0 _8 i
/ P  W. L0 X! F
var BallSpeed = 20;
var contentWidth;
var contentHeight;8 v' i' a; z$ F0 G+ Y" Z6 _. W2 q
var maxBallSpeed = 50;! w  Z" A" ^# U7 _: ?8 \! m1 ^
5 b& t& t# \4 w# C; \: l  z
6 w7 l7 I8 G( E/ O/ |$ i5 g: b
var xMax;( C9 }4 Y& Q& ?! C# W# m: G  l
var yMax;" [+ D- l' k- {7 l! F: A
var xPos = 0;
var yPos = 0;
var xDir = 'right';, u! |2 ]3 l: P1 G/ y* b. W6 I
var yDir = 'down';6 e: u) i' e8 f* T! M( O# A
var superballRunning = true;, }4 P! _( J$ _9 V" K
var tempBallSpeed;
var currentBallSrc;. F! O- e6 X2 m" O+ T' V$ T
var newXDir;
var newYDir;
) T6 b, X/ T0 J+ U% I
function initializeBall() {
if (document.all) {; G* S0 G3 ~" }. F# t/ p$ `& Y
   xMax = document.body.clientWidth4 U" u+ D' u0 C: A$ M! w# R
   yMax = document.body.clientHeight$ a; _7 j5 _/ v. A/ S4 Y7 f
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth0 V+ i+ j3 A5 K3 [: u* k$ o- K* {
   contentHeight=supertext.offsetHeight  o* L& k. e$ R* S* s
   }9 i2 h% h' z  `7 u$ K4 x
else if (document.layers) {5 h- p7 L4 `4 z1 Y4 d
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width5 H$ j# J1 @4 R( `, x
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }: `' E5 O- q. B
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}# M' A$ y6 z. }% O& u

function moveBall() {
if (superballRunning == true) {
   calculatePosition();! f* o; e/ p3 P
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;; w$ ?1 D) C' T- B) k& n
      document.all("supertext").style.top = yPos + document.body.scrollTop;6 R) @3 b1 ]; t
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }2 c7 {5 r, [: o% l" m+ o' ]7 m
   animatetext=setTimeout('moveBall()',20);
   }
}# W2 C. k: F, H5 n

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {/ j7 H- j( b( o
      xDir = "left";! s# L8 K3 P' R0 C, Z$ I/ |! ~& B
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }4 }5 s: @7 B0 n! D( l1 K
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }  _, v; Y4 o3 c8 T4 x- ?0 c
else if (xDir == "left") {' a1 v: }  z& j' r  |
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;# ^2 p7 @4 b5 |
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;$ Y) s0 m' d% i; U+ Q: _( h
   }" G/ }- X* s& F1 K* U
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }$ q$ \) B  ?8 `; k0 x- n
}
0 H* y& \, s( e% _$ c
function hidetext(){
if (document.all). J- K; T5 n: P1 h; l
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"/ k/ t) N. Z( j+ ~* _& n
clearTimeout(animatetext)- }1 ~* j4 n" M% U  e
}
# k2 R5 v; |" H' W  ^) A* Q
if (document.all||document.layers){) K& X, P  x' D  [+ O% y; r: Z+ y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");, Z" t+ N4 [0 n9 T' T3 K
}

</script>

【捌玖网络】已经运行: