返回列表 发帖

网页之不断弹射的文字-特效

<style type="text/css">
! V" q: e. p; o) F) K4 a0 I- \#supertext {
( ]6 x& y3 ~) R+ ]& p, Mposition:absolute;" P& n: c1 B( G
left:0;/ g' Y- {  n2 ?# G
top:0;
; f7 q! K( Q9 K* G' E; }visibility:hide;/ [$ D" p* s5 j/ i: n; I( J
visibility:hidden;
. w7 h5 a% J- P+ B3 y: M- d1 ]}
8 s. S4 H/ k# f. p</style>" k, t6 j* Z5 f* l8 U' d
<script language="JavaScript1.2">( X; ~( D$ u4 \7 G. l
<!-- 改变下的字体的大小。颜色-->
0 h# H: f! e  v, v7 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 X( m: K: u- b/ o
var hidetimer='';
: \% S# ]+ t4 Q1 u3 v7 |0 a<!-- 改变下的弹跳速度-->* L5 @2 D; T& s0 l
var BallSpeed = 20;1 T' {7 {/ b$ c3 W* m! c
var contentWidth;
7 ]0 i# K, m& ]9 y& z$ nvar contentHeight;% O) q( M' v" c% T$ C4 i, I
var maxBallSpeed = 50;
6 q- \: {# i' q. z: s$ K2 h4 G9 W; y" W
6 Y/ W4 \8 _! B) d# P8 `( {$ k5 W7 e% N6 E
var xMax;" s* \0 n- y6 W/ _2 `/ h5 n2 s
var yMax;6 E3 Z9 D: j; ?* `
var xPos = 0;
9 ~' D& B, o; z, b9 ]var yPos = 0;
% h  I, C# Y" t! W, [: l- _, [var xDir = 'right';
3 U0 Q: F3 q# [6 m5 S3 p( dvar yDir = 'down';: y+ X# i$ u2 |: F$ ^$ M
var superballRunning = true;4 A* B* f( g6 u5 t  o  W
var tempBallSpeed;
) q/ Z4 K3 S$ [* p; yvar currentBallSrc;
; k* S/ c  C+ n- D, v+ s3 w3 x5 a4 uvar newXDir;/ i, g& A" ?" `2 A* h2 ?9 |
var newYDir;' f/ |4 B$ S- z0 [) H$ d; D4 G- U, e

6 r8 L8 N, W2 h# Sfunction initializeBall() {  d+ Q' N3 U- ~( x
   if (document.all) {3 t1 X3 Y4 G) l
      xMax = document.body.clientWidth! w8 d) a, Y1 i5 v! E
      yMax = document.body.clientHeight
+ B. V+ N% ~( o; i- m% u/ X2 E      document.all("supertext").style.visibility = "visible";
! z/ X" ^5 F2 Y; M      contentWidth=supertext.offsetWidth0 v  @1 I0 ?) e3 f+ r
      contentHeight=supertext.offsetHeight- U8 E1 J. E; v* p
      }1 n9 C0 v7 E5 n2 @% U+ F4 b
   else if (document.layers) {2 a5 f! a& y! s! ?2 K
      xMax = window.innerWidth;
! @0 m. v6 N; H0 l$ j, a/ p      yMax = window.innerHeight;4 D( V, w6 z" R! V
      contentWidth=document.supertext.document.width
7 s3 F9 u* F% `& u% ]      contentHeight=document.supertext.document.height
# z+ r% z& E  U& L6 k% q% x' Z6 o) h      document.layers["supertext"].visibility = "show";; _1 }5 M5 |' N  N( X+ P' A0 |
      }
: S; Y9 B2 D1 _  {8 V  c   setTimeout('moveBall()',400);
4 Y' x" A' m, {8 @7 P2 t% \   if (hidetimer!='')
! N! x- z" F( r! p% A/ z2 t- E   setTimeout("hidetext()",hidetimer); y7 }8 R4 o' G) t4 B
   }7 w9 x7 X0 ]1 {! P5 U3 B
4 C# N  T9 S0 @* K
function moveBall() {
' P8 |/ ^2 n2 B9 F5 _# N" B3 D   if (superballRunning == true) {5 O! |% R$ C" I" E% w  ^
      calculatePosition();
4 l1 ^' j% Y& [8 E" m      if (document.all) {
. g- E' i6 u5 U& T* `         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; b; h1 j$ o- c) W3 }' F. Z# P& z         document.all("supertext").style.top = yPos + document.body.scrollTop;0 ]6 O/ n6 U4 u' Y
         }
6 G" @( L* c0 F* Q* m      else if (document.layers) {5 u+ n( u' X' }5 M& D" d
         document.layers["supertext"].left = xPos + pageXOffset;0 L9 u; e( c$ X5 B
         document.layers["supertext"].top = yPos + pageYOffset;
) c+ O' K8 y. V& R. G9 ~         }% ^- e9 Y& v0 y5 N
      animatetext=setTimeout('moveBall()',20);0 X$ Q0 W7 X6 |* ]( ~, k
      }" z5 |) Z) u7 r% [# {0 v
   }7 |, P5 W& U, p5 m$ @
, [' O( I# v5 t1 a/ y$ q
function calculatePosition() {, ]- ?5 s6 W( i+ e  X+ d: z
   if (xDir == "right") {
4 n$ D/ g& m( \4 Y      if (xPos > (xMax - contentWidth - BallSpeed)) {
& Z  d6 k6 @6 c: q$ F         xDir = "left";
  @/ v; K% D% c" @, j- `+ T         }
0 i+ |! @  ~, ^% ?% E# `      }
. r; r% |0 g5 _0 V   else if (xDir == "left") {
: z% j! |" b& v1 @! M& u  d      if (xPos < (0 + BallSpeed)) {2 _: p% y- F$ C, s, N9 [( N* K
         xDir = "right";
. U- C8 }+ f; g( Z0 D$ n8 a         }% \  X+ h8 o/ [- U0 h
      }
/ ]. g% H9 j# F! Y, ?   if (yDir == "down") {
! }! s$ {( t. @) u+ a* H' y# E      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 R5 ]  y% ^, g9 K+ c6 J+ b6 @         yDir = "up";
3 ?4 c& h3 M. [4 O# e" c- p7 q5 g         }
' b1 n9 p; l. |      }0 P9 r' s" K- H# v9 h  I
   else if (yDir == "up") {5 ]0 H# m9 A+ b4 G) U  x0 v
      if (yPos < (0 + BallSpeed)) {
" x3 W  C, b4 B8 P, Y" y         yDir = "down";$ f( N+ n8 N; ]5 ?3 t5 w8 d  E
         }
' u5 _7 H0 r2 G/ D/ ]3 X      }
5 m" j9 b. o& [4 x9 y   if (xDir == "right") {
1 y7 p3 q" l4 M! s) L8 y. A      xPos = xPos + BallSpeed;; i. N6 |" G( U8 Z% y4 c# `
      }# c4 z4 q& ]/ L! l! ^
   else if (xDir == "left") {
& \7 C! A9 o0 ^2 D* y, ]( m4 I      xPos = xPos - BallSpeed;/ Y! F8 g1 N2 p
      }
: C! B3 H- [0 u$ V: Q: z9 B, \# n9 O   else {
" w6 H. Q& c9 ~& x$ b      xPos = xPos;
% h" W( K% F4 D8 M      }
$ G; J. j9 z9 Y& L   if (yDir == "down") {' w' k" t; {8 \3 [) F: ?
      yPos = yPos + BallSpeed;
- b+ `4 X7 ^$ H+ ?/ K1 [* \      }
6 R4 \9 Z5 P+ j: }5 d8 O   else if (yDir == "up") {1 N1 z* a9 k' b1 I; w
      yPos = yPos - BallSpeed;
. A  ~! K: ~$ M( S  ?9 m      }4 [- K( a4 `# x1 ~3 h
   else {; N  o( j, x7 s! P; ]
      yPos = yPos;
' {! [% i  ^- x( ?$ ~- V      }
6 b: j1 L# e: `9 x  `' z% n   }
" c% {9 h1 Z  A; b
4 S. s- [  c5 H  a% H/ O' Ufunction hidetext(){
+ a6 G* e0 ]/ Lif (document.all)
. D- ~1 \2 f* Q1 l' W/ Dsupertext.style.visibility="hidden": G, c6 m; P- Q' Z4 s) L
else if (document.layers)( ]0 u* l/ r3 i( u0 w+ v6 C) S% A
document.supertext.visibility="hide"6 e2 [6 e" W2 J( R2 ~& i
clearTimeout(animatetext)9 D5 e: Z& B6 |4 A! V( P! @+ r
}2 y- m0 V4 f6 Y% `
0 m" I# o7 [! {9 h
if (document.all||document.layers){
- R8 t0 Q: M9 h. p/ m0 R9 v' F1 Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# ^" X/ o  H2 L3 E6 ]7 @
window.onload = initializeBall;
* U4 h& P+ _1 e8 [* s$ E( M9 Gwindow.onresize = new Function("window.location.reload()");- O/ u+ j' h( Y* B
}
% C& c" X( p4 ]+ [' }$ t* i( g5 R) i4 F4 x0 Q+ g  g$ ^2 ^; C
</script>

返回列表
【捌玖网络】已经运行: