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

返回列表发帖

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;+ ?- {; d  H# q3 v
top:0;7 B1 ?- T6 A; ]% z
visibility:hide;
visibility:hidden;
}9 b  @+ A6 ~* F3 V1 v7 _! z
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
& X% }0 S' j  x3 S1 R2 i. I
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

/ d3 m2 C- J3 O+ \
var xMax;
var yMax;# p& m% D* `: o/ u
var xPos = 0;/ b1 t8 T7 [! O. H, Q9 E0 w9 T
var yPos = 0;. A# j4 F8 G1 g  b0 W. W6 {
var xDir = 'right';7 i9 K% f% a/ C! H3 ~+ W
var yDir = 'down';6 P$ e1 L( j) q( D3 |/ o2 p
var superballRunning = true;4 v5 }9 s# Y7 q* S6 U$ y; h
var tempBallSpeed;' f& _" F4 o8 p( S0 X
var currentBallSrc;
var newXDir;" A4 M) W9 D- x+ H- p1 c) T
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth$ h# U& ]' u. a1 K& @) [9 }
   yMax = document.body.clientHeight1 X  E$ f2 \8 Y2 O* l; N
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth* Z( ]( {1 V! B- [: @' K
   contentHeight=supertext.offsetHeight
   }: p; X- n6 R9 N
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width; Q7 R, t3 g6 s% [/ H" Y" g5 t8 t
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";  {* k) c! w' d1 t" w! f; M. y
   }$ z) D: G0 ]; r% G: b5 l; l
setTimeout('moveBall()',400);/ r& s# {- U8 R- D- N5 k
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {6 `/ ?7 F% [$ [
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;7 m+ o3 M  u/ ]+ e1 g
      }, I' |0 `/ F9 Y+ i
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);8 x5 d3 a8 {5 f! c4 \9 ~1 m
   }
}
, L- f/ {! N/ x4 P
function calculatePosition() {
if (xDir == "right") {' z* g+ w. d+ W7 [/ L5 v
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";1 k6 Z' V/ x" {* V7 m. ?" @" T
      }
   }
else if (xDir == "left") {/ i( P  a* }1 y# j
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {) r6 O* M; n+ [+ r
   if (yPos > (yMax - contentHeight - BallSpeed)) {  Y" h7 y3 X9 m+ g6 e/ E+ Y8 M( |
      yDir = "up";( i: A4 e9 j% {* I( f
      }
   }
else if (yDir == "up") {/ ^( j' o4 s7 O8 L
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {5 V! m* g. P2 Y" K3 B
   xPos = xPos + BallSpeed;; i  ?4 L" U/ c: D* {& q3 E
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }: ~' R% X" L, L3 g3 ]1 g# `9 A: O/ Y
else {* N3 M  l: @* ^% F- s: E- S
   xPos = xPos;
   }
if (yDir == "down") {1 e1 ~. \7 ?+ r8 J
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;/ Q+ k# o3 W! _+ x+ s5 D: V+ `
   }  P* j1 U' I% h0 C. J
else {
   yPos = yPos;, m, n4 l& o6 L  L4 U0 @' R
   }/ Y# V+ m( I5 M& D4 B
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"/ p# ^2 x; t' N. c3 s& y4 p
else if (document.layers)6 X- a1 \& V+ r3 ?. H
document.supertext.visibility="hide"3 w/ S% f' o6 X; s: h
clearTimeout(animatetext)- Y6 O( t4 b" f9 s; Y, H
}5 e8 i$ t+ m4 T) D" n# Q4 e
* f$ ~  @7 `( Z+ Y
if (document.all||document.layers){4 w* g; q; @5 i2 D9 `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: