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

返回列表发帖

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">$ I" ]5 h& L. m3 c  G+ k- E- R$ f
#supertext {9 E1 r6 g; S0 @; B
position:absolute;( E, W9 g9 F6 t) y& j% j2 g  o
left:0;
top:0;; g6 F8 a( z( R1 f1 F
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">0 C9 c+ P; f3 I9 ~
0 ~+ F/ u# _; V# d- H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') A4 ^; L# ?9 i, _. c
var hidetimer='';

var BallSpeed = 20;7 U6 M$ K$ c7 E! i7 n/ ^
var contentWidth;
var contentHeight;1 J; k) O3 F$ D: D: Z4 c, P
var maxBallSpeed = 50;( V8 C. m2 B) P) i4 Q% t

" S# {0 w6 A+ k# Q; s5 @3 ~
var xMax;
var yMax;: a8 Z( K9 B) Z+ Q7 b
var xPos = 0;" u* Q% {7 P% u# \* a
var yPos = 0;9 M$ i1 f7 Z/ B0 E7 k3 X) y
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;! C* K' g# x0 e
var newXDir;
var newYDir;! W0 G* x% I( r: z+ P$ Y
) ~* C8 ?" a) I' h0 @& Z5 T
function initializeBall() {) h" w. a6 c4 Z: c( f
if (document.all) {4 w7 L3 ?% X1 `' m& x) g
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth. i7 R5 Z3 O5 m
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;( t( C7 r( ~8 J2 s
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width: L2 t* k5 Y+ ?" t- l
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')" k" z" T9 M5 J2 C% S; [
setTimeout("hidetext()",hidetimer)
}4 g3 L1 @3 J; U# O+ m/ Y9 M9 U' V. r7 [

function moveBall() {
if (superballRunning == true) {3 F" I/ [* G- z$ a: y' `
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;. `% @7 y% }) [* e) Q% \' }5 ?
      }
   else if (document.layers) {, m5 M7 m/ t  S& v( m- B
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);4 }9 _9 \7 a( Z1 Y/ ]  O  B# L0 A
   }
}

function calculatePosition() {* g3 l% I: M! `' [, v
if (xDir == "right") {# l' h- m# j3 `& V  y1 X/ l
   if (xPos > (xMax - contentWidth - BallSpeed)) {' P8 Y7 W( j7 P# i2 y6 ]
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";' g3 n$ g4 n8 p6 A
      }6 G! d$ P# Y6 }' y6 |2 n1 t0 @/ Y
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }! q* I" H3 g$ x; z8 q
   }1 l+ f! V9 y/ x" ^# \
if (xDir == "right") {
   xPos = xPos + BallSpeed;% K! R8 g  ~& e" C, R8 e9 q
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }  J- t$ P% _% F
else {" {; W! k7 Y" P# O$ D! M' i
   xPos = xPos;1 l: l' Z: X' _4 `+ g
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;7 w" L, N9 T5 h0 v8 h
   }$ q  C0 X0 S1 Z# p8 N
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {+ K" |8 r4 @# H9 L, I& p% v
   yPos = yPos;: e# u- i, Q% a8 _9 S
   }7 O. O. x7 S. m( e- K! o) e" Q
}8 d# D- c1 _0 J
8 @. _8 o2 E6 s
function hidetext(){
if (document.all)* @+ B6 n; L0 V
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}" p" }5 t0 `: R& M

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- Y0 I. v4 B, d. p  z
window.onload = initializeBall;' n1 t6 U2 a* e/ }$ J. @8 Z& {
window.onresize = new Function("window.location.reload()");. t6 x& a$ A' T( N, t* X1 n
}

</script>

【捌玖网络】已经运行: