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

返回列表发帖

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">2 x( ~( P, s; u
#supertext {" r& B% m/ \" z( C) K2 ?* r
position:absolute;
left:0;1 E$ N+ k6 B7 X( F; i
top:0;8 l0 G/ H* y" i
visibility:hide;
visibility:hidden;$ K2 G3 q' H9 |( |/ j
}
</style>( F! G$ J& s1 o+ F) M3 t
<script language="JavaScript1.2">
% P! }2 S6 w( _' E5 W9 C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';$ ~$ z: h/ L3 y& I% [  ?

var BallSpeed = 20;4 h, B9 s2 l6 a; |' l: P
var contentWidth;9 h$ r/ |/ N2 I. U5 {7 W
var contentHeight;$ H- k# l0 `5 ?! _, p* [6 T
var maxBallSpeed = 50;

var xMax;
var yMax;
var xPos = 0;$ w, W2 E  ]* N
var yPos = 0;
var xDir = 'right';, d& I* N5 T! }' J
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;, [# B) [' r* c2 l. y
var newXDir;# o& Z  d# j& z1 ?; C$ S" m
var newYDir;

function initializeBall() {4 p& F& v4 B& Y- L$ P; u# @% b$ ?
if (document.all) {! |# r, a5 B$ Q7 p/ l9 w8 s& I; ], I3 Z
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }5 {2 s# L! u( P' x
else if (document.layers) {9 x, ]: b) D8 _; m4 R
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width8 p. s6 M; A1 C& Q( |$ R% e5 F+ X
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')$ F, \' U2 j: n! h3 u2 s! Q- i
setTimeout("hidetext()",hidetimer)
}" W0 D( U1 G0 W+ w& @
! g( r9 n7 B  X
function moveBall() {
if (superballRunning == true) {2 l: e" N1 t4 l- M8 {
   calculatePosition();9 r# X& I* i0 w
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;. z' T, I' _: u" [+ W
      }
   else if (document.layers) {6 N( ]0 x4 L$ e* e/ M4 Z0 g- D
      document.layers["supertext"].left = xPos + pageXOffset;, O# ^0 n- J6 I, d- W
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
' l4 N5 K! ~2 ?0 V' }4 F
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {, ~( m5 R3 `( v8 B+ i( k* f2 \
      xDir = "left";
      }4 T0 z8 `% k) {, \5 d
   }
else if (xDir == "left") {: k' ~7 U) A4 {- z7 i9 s
   if (xPos < (0 + BallSpeed)) {4 \* U- C* X% {+ h% J
      xDir = "right";
      }* I& \. m: K( x/ p( M# C  ?9 l" L
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";& |; d6 o9 c( _4 n- X2 m/ e, W5 \
      }
   }
else if (yDir == "up") {- Z9 h' O7 |  \' w7 E# I. P
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;' |9 U5 j: z5 i+ t9 a2 L" T0 e
   }$ O! L$ J- x5 E+ r: v7 c
else if (xDir == "left") {2 [; a* g# z! w  S9 m8 ^+ `
   xPos = xPos - BallSpeed;8 \5 N0 g, h- e0 s9 e8 g
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }7 W) S9 u6 z$ R: g
else if (yDir == "up") {
   yPos = yPos - BallSpeed;! s# q9 O; O( `5 t# E$ C) P
   }
else {
   yPos = yPos;
   }( y; v( {) s- {7 a! m
}

function hidetext(){# \, w4 a1 M7 k
if (document.all), s' s' J/ n5 P. \$ j
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"5 f2 c. ^& E6 [$ {$ f/ r. B4 f$ W
clearTimeout(animatetext)7 q+ i' q+ K. L; }- p* X
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;, \0 W  Z" y. L6 d+ c
window.onresize = new Function("window.location.reload()");
}
% o5 p! a7 f, H$ ?: ?$ J
</script>

【捌玖网络】已经运行: