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

返回列表发帖

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;
visibility:hide;* B9 X) t; _: Q- [  P, w0 J
visibility:hidden;6 k% X% m! S* H/ q) }/ g
}
</style>
<script language="JavaScript1.2">8 E# G9 m" l5 \) e) E) o/ z0 A* O

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 ?; ~# S' F/ l- i8 h4 S
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;& t; J" V+ r/ p) N1 O

var xMax;) g+ a: w8 S* H! D5 c0 t
var yMax;5 V8 r$ m( B# L
var xPos = 0;
var yPos = 0;% j3 m7 X* }- N& K8 l$ W$ y" r
var xDir = 'right';
var yDir = 'down';5 {6 T' H" [1 o% y2 R2 M7 V
var superballRunning = true;% {  }1 |7 d' [; v- z: {
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight% p) [$ y4 M! Q7 ~: C) @! e+ i  }, a
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth$ E" h4 O4 x& i+ X% ~! f
   contentHeight=supertext.offsetHeight( r* h+ M, E' v! e4 P
   }/ J5 l3 q: w6 ]6 H
else if (document.layers) {. R' e% L! h; Z/ o4 _1 o' o, `
   xMax = window.innerWidth;  O3 n  W2 j0 v4 b
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";" o) b" u7 ?5 N1 p7 ~* p
   }7 @5 v  |, E: G) ?! F: S2 Z& g
setTimeout('moveBall()',400);
if (hidetimer!='')* g( Y& q. f. q- L% P: y, R0 f4 |
setTimeout("hidetext()",hidetimer)
}7 Z  Q; _& y* z) U  a) h
& ?9 `4 j0 x9 z2 f) W; ]/ D
function moveBall() {
if (superballRunning == true) {3 B: M- f4 @! J1 e0 s; z5 G
   calculatePosition();
   if (document.all) {; ~: C* Q& A) U& N# i
      document.all("supertext").style.left = xPos + document.body.scrollLeft;- b2 X6 q; b; C5 C
      document.all("supertext").style.top = yPos + document.body.scrollTop;2 A' U& C  I; z/ l' w( E( p
      }
   else if (document.layers) {! ]3 W; B' S' d; n9 ]  I! d( m
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }/ g) i" o% R9 f7 r# i+ ]+ g
   animatetext=setTimeout('moveBall()',20);# K3 e: w: e0 l$ y  ~& ^
   }: e* ], X$ I# i9 X, a" _! x
}* ]9 P! f% b) l0 B: X

function calculatePosition() {! R/ T; c' r! w$ ]' T+ f
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {, Y! i# J9 o5 C3 ]( l/ c) y7 H3 E
      xDir = "left";. D6 N: D7 R& d5 P8 v
      }. c9 |# g# h0 r, H) d
   }! B7 _0 t0 H2 i7 H
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }. m3 N( G5 V: {, ]$ w8 d& v
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {4 n4 n3 F. v' m
      yDir = "up";% a" w# d: F% ?( k
      }- y3 R! ?3 E' ~0 `" x! {
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";- O" x6 s% J; A5 ?" l+ g- @
      }
   }/ j8 |# z" ?- ]5 F/ k2 r4 C
if (xDir == "right") {1 o. |8 x5 K, O" e
   xPos = xPos + BallSpeed;6 {) p* ^3 d+ a  i3 t
   }! d* V  J; R* r& ?0 Q3 U" A, c
else if (xDir == "left") {6 U1 J5 c: `- H, G& @
   xPos = xPos - BallSpeed;
   }* n8 ~$ A; K* f4 r0 [$ P
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }1 g' Y# I# u  e8 G
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }* ]& U: P: j& {2 @9 g# q
else {1 B$ i. C1 m7 z( j1 Y4 Z1 E
   yPos = yPos;
   }
}/ w! T; U# H4 j+ B# T' B

function hidetext(){2 t) c! f3 [  ]* Y3 ]
if (document.all)! P. `) m# \. t; P9 S# A) y
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide": ]  y0 G( ?- I: r% [1 e* ^% W1 Q
clearTimeout(animatetext)
}3 r  {  a* n  V8 l2 z9 V
9 E; h8 S, ^. T3 s4 U
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 L# c4 `6 m6 ^$ @& C6 b9 g
window.onload = initializeBall;' G; k" N, f& k; o0 H
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: