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

返回列表发帖

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;2 C2 g4 p( J; }0 [; u' ?2 C3 P
left:0;
top:0;
visibility:hide;
visibility:hidden;8 K% G$ L0 V* |% {; G
}! o' m) S4 b8 n- U
</style>
<script language="JavaScript1.2">4 N* w5 B. {9 _! N2 d

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 J% t* A- y7 i$ P, _& c- V# e
var hidetimer='';

var BallSpeed = 20;: k* |2 h7 }: e! D2 b0 k* ]
var contentWidth;
var contentHeight;; g+ _( I8 S) T  `" Y( \# m
var maxBallSpeed = 50;
9 T8 p5 V  ]- R

var xMax;, h# O. X- s$ w2 i+ T0 G7 P
var yMax;
var xPos = 0;
var yPos = 0;* P! n0 e3 W! @% l/ Q# H9 o2 C
var xDir = 'right';
var yDir = 'down';3 ^1 I: Z# \* |' ~5 E
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;, W2 D$ \$ Y; e. S/ W
9 F' p6 b0 s2 J! R; Q
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";/ c6 l' o( ^- p$ t; U& Y
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {& v% n: }9 }$ e- u
   xMax = window.innerWidth;$ X' \! p1 x. N, X1 B0 ?3 u
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width( O2 r6 [3 p5 i) Z% [  n. n, q; ]
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";+ ^8 }# D5 c+ G# O0 m6 G. u- \$ [
   }
setTimeout('moveBall()',400);
if (hidetimer!='')% `: V. E, [/ Y
setTimeout("hidetext()",hidetimer)
}# Y& M! |+ a; C
) p4 [6 I) }# H8 a
function moveBall() {0 n6 i. |$ A- b* N7 i5 `$ E6 U
if (superballRunning == true) {
   calculatePosition();: b2 p; G; V" o  ~
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;* q* r4 }+ l; M: P* g" s
      }3 V8 B9 i0 C6 Z% L8 d1 c3 r
   else if (document.layers) {7 a1 r+ L7 ^# B) ]
      document.layers["supertext"].left = xPos + pageXOffset;  k, n7 p  G' _* o" A
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);. g5 U% l) x- z
   }
}7 P  C0 z' F+ D' B% a5 K2 Z% q

function calculatePosition() {1 r% H3 I+ }. z# g( H  O
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";0 C0 q# s6 W8 C: y% V; b& T
      }
   }; v, a% L' p# z! w1 @6 [2 |
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {# Y% Z( D' b6 E1 }) e' ^+ x# M$ [
      xDir = "right";
      }
   }
if (yDir == "down") {1 `0 Y% Q3 `6 z7 ~4 G. \0 {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }7 h) N6 K; [' h% H
   }/ H5 d% o# t8 `! f4 A
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";& @7 x7 z: l& a! E0 S, _9 z3 v. W
      }
   }
if (xDir == "right") {# o% V. X" g5 F, C
   xPos = xPos + BallSpeed;. |* I" V+ d/ e5 N0 r: I
   }- S8 x9 W$ x# x' W5 u7 S% S
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }/ ^6 a; l: j, c  b/ @5 Z
else {# S- B3 d. e! B' `9 Y1 S( V
   xPos = xPos;
   }
if (yDir == "down") {6 E4 O6 I8 Y! r+ C, u, O
   yPos = yPos + BallSpeed;4 }( x( v: F3 C1 X
   }0 H8 B0 y1 }' \0 B5 ?& M2 y
else if (yDir == "up") {
   yPos = yPos - BallSpeed;( `) h+ H- l9 |( H- r* K: t  d$ I
   }
else {5 z9 B5 D; b$ }5 M
   yPos = yPos;6 T! r8 e6 r0 k7 I7 `; J
   }0 y' m4 L9 ?! C+ M
}' ~3 n$ A1 F  G

function hidetext(){
if (document.all)5 W: E4 y7 B  X, j8 A. N/ N
supertext.style.visibility="hidden"0 R& N1 ?( ^' O$ ~* \$ f# x% U4 K! J0 P
else if (document.layers)) g& t  K& P6 `7 J) U
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 L5 |% u: `; D- q1 M! C
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
- |% D3 q/ Y9 i1 n2 \
</script>

【捌玖网络】已经运行: