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

返回列表发帖

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">0 Y: g( \+ X7 p2 ]8 u
#supertext {4 f, m- s$ W9 D3 E) w, ]  F
position:absolute;
left:0;% s5 w4 L. r' e; N# F
top:0;
visibility:hide;- I$ B3 l" A  P- J8 K, L0 d" L. U2 K, E
visibility:hidden;0 E% W, S3 V2 D; e/ v
}
</style>/ I2 O( E3 j% R. w" V
<script language="JavaScript1.2">
' Z6 H/ A, F; B$ E+ n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% }7 |7 G& b0 S
var hidetimer='';1 O1 d" p4 {; d( x5 j

var BallSpeed = 20;- n0 U6 u4 k7 e6 L+ V$ j- w
var contentWidth;. M2 n" {( M( ~1 \6 z' p
var contentHeight;# F3 |$ L: L/ d9 U  f7 X
var maxBallSpeed = 50;: B- \  M2 P# c( \: \$ Y

var xMax;
var yMax;
var xPos = 0;/ P+ ]8 Z% H! ~* L, V& q
var yPos = 0;
var xDir = 'right';  t8 i# p$ Z$ f4 ^& D
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;, j( |% [. i( w* `: n
var newXDir;  a, o4 x8 [9 ?; G: z0 f) |8 ~
var newYDir;4 X: d$ i) _9 v3 b: `9 P; m
" A+ n% P" I$ z; e, @$ o7 R# c
function initializeBall() {
if (document.all) {1 R: d" r" l; _" r2 ]
   xMax = document.body.clientWidth9 s: Y  K3 C# I: w
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;, u. z/ c% ?/ w& u( z1 [
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width( E$ j$ q; |  d. ^
   contentHeight=document.supertext.document.height2 v8 }8 L9 w1 T3 E- ^* C6 S
   document.layers["supertext"].visibility = "show";# q% ^9 a# i- m- n/ c9 J- Z" K
   }
setTimeout('moveBall()',400);: q! }& W0 e9 i4 h0 H
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}9 b( ?2 S7 m; B

function moveBall() {
if (superballRunning == true) {
   calculatePosition();! E/ R! t6 L8 u0 _% k
   if (document.all) {& |( i1 r4 u# n, V. l1 {. `
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;# Q: r8 X- P* b2 A
      }
   else if (document.layers) {( m# F2 h5 _7 @+ u6 d5 K# ~& _
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;# P$ M+ J7 E1 b. k
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
8 i% ~' q5 y( A* }4 W
function calculatePosition() {
if (xDir == "right") {/ [& i: L- z- Z6 X' i4 I. h9 }; c- H4 I
   if (xPos > (xMax - contentWidth - BallSpeed)) {) }* w8 h5 b" C
      xDir = "left";1 K+ P* {! r* u, U, r' }
      }& t# N' B( c  k
   }. f4 m  n; c2 o8 h; }2 u1 K
else if (xDir == "left") {. Y4 m/ u' c6 f: a
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";% S: |# N* U* H& y2 J
      }' t2 V3 K. n3 l- t0 P) V( x
   }% E# S3 Y5 O+ n
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }# l& R' U: V0 ~8 o, ]% B
   }
else if (yDir == "up") {1 A/ N( p3 R# `; g, w! Z6 x4 ?
   if (yPos < (0 + BallSpeed)) {# J5 H8 A! I; c# T! S9 z
      yDir = "down";  [* p. i8 ?+ }  G
      }5 J; ^' {: Z" E$ c+ b
   }5 g6 Y9 B' u/ @) m
if (xDir == "right") {
   xPos = xPos + BallSpeed;1 D# ^  t; _- \4 [; F9 y1 B7 J* x3 y
   }2 B  Q" l, |) C
else if (xDir == "left") {
   xPos = xPos - BallSpeed;/ N$ p; P9 F# c: `
   }
else {
   xPos = xPos;4 E3 P) x3 V; V. l7 A
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {( p8 ~; O4 s! Y9 S8 B* L
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"* w( N0 h* U5 O6 B2 X
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}( g7 N$ {; S$ m  k7 T2 B
0 S5 |# Y' y) a$ x
</script>

【捌玖网络】已经运行: