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

返回列表发帖

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;7 ]" {. j& L  Z* E; J6 ?
visibility:hide;
visibility:hidden;
}
</style>9 L3 c7 c  d( j! J
<script language="JavaScript1.2">& P& v* I/ ^% l! w( c2 Z( [! k2 J
, U, {  v$ }" g! ]4 \( m# |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- t7 A$ o8 }9 f9 H( z+ r
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

var xMax;
var yMax;) E' J& g  ]( K/ Y- @
var xPos = 0;
var yPos = 0;0 ~9 U, D# D' D" k  c
var xDir = 'right';. j. F) S% ?. z/ n
var yDir = 'down';
var superballRunning = true;9 D! K. h+ O9 z( n
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth3 `/ z5 J6 F+ }# B( F# W
   yMax = document.body.clientHeight- c5 O& p9 C# C" v2 ]% @* v; Q
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth. q/ I( _7 @* h5 K! ]* q0 f3 h* y
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;! F9 Q: ~8 f, z% X% H
   contentWidth=document.supertext.document.width) K) p& n' C0 R9 R+ `3 m
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";/ N: }: ?* x) \% q& x5 i% q
   }) P; l$ J5 J% X6 A& J. k3 ~
setTimeout('moveBall()',400);+ U- H$ s2 _( h
if (hidetimer!='')/ t* y# P5 j4 J' K/ b
setTimeout("hidetext()",hidetimer)
}5 q7 v" B/ C6 O' Y9 x8 v2 G

function moveBall() {
if (superballRunning == true) {
   calculatePosition();1 A/ C8 n2 r" E- S1 L; u, k9 _
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }: y8 g0 O/ e& ]
   else if (document.layers) {; x8 [# ?/ }1 }% t
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}% {! ?: v# d1 U: n  x

function calculatePosition() {0 Y8 a1 m) @8 U6 G
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {7 J( ?9 M0 F) y) F
      xDir = "left";# }/ l3 [9 }, z/ s' r' r/ |% z
      }' C$ k7 @7 H6 J- v. Z
   }. R- \8 x6 S! H1 E* {9 W" J
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }3 ~% P  i7 D* ^* M( s! C$ V: o. C
   }# F- I6 {3 Q9 Q' r: O
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";2 _$ k, P+ o; j5 b! P2 B" |  C' L8 z
      }0 m' v$ r$ `! `* Z" k  T
   }1 G  q. R% w" |5 K1 D+ y/ |$ c
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {: H0 D: E; w" a) J! K9 A
      yDir = "down";% v1 ^$ w# Q' ^
      }0 F# G" g- F1 |
   }
if (xDir == "right") {- ~: ?* ^( [' z* m4 y, P, j* z; v
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {) h2 z9 i! |) @3 X% n7 j
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }5 g4 O! F% Y" z2 U
}

function hidetext(){3 f! m  e4 c* z$ T* u" A  t
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)) ~8 i  m1 ~+ H
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 a  S3 D7 ^9 q. X: F
window.onload = initializeBall;; {! I1 u; W# L* v
window.onresize = new Function("window.location.reload()");
}. v! |$ V/ c6 l7 m' Q
# t  s, S4 L: K2 N
</script>

【捌玖网络】已经运行: