返回列表 发帖

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

<style type="text/css">
1 y; M2 C9 R$ ?4 ~4 N) G7 ^* y#supertext {
6 [/ a# D$ }6 Hposition:absolute;
. B+ a" D- x" L% F7 S% |4 wleft:0;
3 W  ~2 V" i' X, v" itop:0;
1 E! E* `3 Y/ hvisibility:hide;( ?/ N! y  k% d- d
visibility:hidden;
+ g# v( b% E' U. M. X}. h- c* m, K# d, \$ a
</style>$ O* T# B7 ?3 ?5 A1 B  {
<script language="JavaScript1.2">
$ K% }# f$ z2 i9 q<!-- 改变下的字体的大小。颜色-->
# t4 b+ N, B" H4 }; N/ i( wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ f1 K* H9 V% K8 b6 ^0 T- S
var hidetimer='';
, R" C# f7 y7 B% k1 w3 D+ y$ N4 o<!-- 改变下的弹跳速度-->
, @- K6 _/ R7 g5 |) S0 W# ovar BallSpeed = 20;9 t' S/ @* y* ]2 Q
var contentWidth;' U/ f5 k" u9 O4 }0 G
var contentHeight;8 ?3 q  g- b( i. o! S% B
var maxBallSpeed = 50;
. X  F2 c6 e0 l( i8 h
; |: c6 V. |7 q/ W, X3 ^$ u. ]
( V, u5 V/ d: o; wvar xMax;
. n$ P8 e, E' v9 k$ o8 bvar yMax;
9 R: E5 |+ L7 A+ }9 hvar xPos = 0;4 h$ |* R6 |- J3 O
var yPos = 0;
7 M! e" p& s& g# f- e' Q6 rvar xDir = 'right';
4 N1 d* t( N: rvar yDir = 'down';( B) M8 u) Z/ Q0 |$ Z; n
var superballRunning = true;
4 r; ^4 L/ Z$ Evar tempBallSpeed;6 L0 t" f# e) z
var currentBallSrc;
6 p! @- s; H5 j& E1 Bvar newXDir;/ e' h% k( Y5 q9 L
var newYDir;
! w& k9 }  y$ I! `! w" r! J0 ~
function initializeBall() {' \& }- y( [  f! O1 ~* p  X+ w( v
   if (document.all) {
; |# X6 ]) P% _: d% K      xMax = document.body.clientWidth
- ^8 c# P6 |+ C" k! _1 d      yMax = document.body.clientHeight; I3 f! j" A9 N& M) q( @
      document.all("supertext").style.visibility = "visible";
' i$ U% h2 |; Y$ g% a      contentWidth=supertext.offsetWidth
: u( h: F, x/ }: ]+ ~      contentHeight=supertext.offsetHeight0 m5 h) P7 o) E, x0 |8 r
      }- p0 P- c; S  d
   else if (document.layers) {
& D( `+ V, i6 B; f3 T      xMax = window.innerWidth;) q( V/ G7 C) C( F: }
      yMax = window.innerHeight;
, S& s7 |  a6 M) d3 `- H( M# W      contentWidth=document.supertext.document.width
1 Z% q( W1 D1 H) V3 t* n* d      contentHeight=document.supertext.document.height
5 n5 Y/ A1 |. U2 c( U      document.layers["supertext"].visibility = "show";
/ c' T% [; I* C1 @% _, O      }* \; ^/ l% `* a# S' W
   setTimeout('moveBall()',400);" F$ A* I& x: |. h5 k9 j* f
   if (hidetimer!='')9 J" h! [# Z# q* m- s' h; C" i
   setTimeout("hidetext()",hidetimer)2 J6 `* r5 S* \) C
   }
& r. [4 \+ x# d) n. R6 u. \& ]0 W( Z+ n
function moveBall() {
( j, Q6 v: x& A. y   if (superballRunning == true) {. R" \$ e! r: J' m8 i' g- l# T2 }
      calculatePosition();& c1 J6 W' `- M
      if (document.all) {
5 _3 j8 K1 c) P         document.all("supertext").style.left = xPos + document.body.scrollLeft;: y% p( G0 I% X+ h
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 S7 F; F$ `) n3 T* V         }
/ }& L: f+ T1 ?8 R& _      else if (document.layers) {
( ~- J' Y* L" `7 Y( ~         document.layers["supertext"].left = xPos + pageXOffset;
0 J' _% C7 {  E& B7 ~         document.layers["supertext"].top = yPos + pageYOffset;
: W1 y1 E% y8 M( E         }& Z/ m! v0 p% \* N$ X8 n& \! z0 L" N
      animatetext=setTimeout('moveBall()',20);$ f; ~' F; M1 \/ k, R. E+ W
      }
5 g5 j. J8 X2 j$ f$ W" V( U" o1 n   }
* O1 z4 Y  Y& L, Q3 v- ^. \
+ s: X! B5 N5 b" kfunction calculatePosition() {/ {' I; I+ _/ E% E8 G0 d
   if (xDir == "right") {. _+ Y' ~1 i2 j) e0 V' s
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ |9 n( O" C8 }
         xDir = "left";& ]% V3 s6 h2 {9 k: L' E2 e) R
         }8 H' k" W" E6 X. X
      }
6 \9 L( J0 p0 H# c( b: B: h   else if (xDir == "left") {
8 {8 p4 W+ Z7 T; g1 ~' N      if (xPos < (0 + BallSpeed)) {& w9 n9 J9 L* T2 h# x% d7 i
         xDir = "right";9 V6 F- x" z, d& R" }( z. G5 x- i6 a
         }
) k( }! M% o# ?      }
" P6 I* S3 r3 ?' F" ?8 v: F   if (yDir == "down") {
( O1 k) G( J6 C  I      if (yPos > (yMax - contentHeight - BallSpeed)) {
% S5 X( L! y3 J" L         yDir = "up";
3 C" L! Z1 G3 V( U! V         }
# f! R3 C$ S& D* t# o* z& w1 S      }
" C- }- ^9 J3 ^% ^9 m/ q) R   else if (yDir == "up") {
! M" m. `- H/ A+ F. a; M      if (yPos < (0 + BallSpeed)) {( g% W% y# o% U; L2 K
         yDir = "down";
' J9 L. G$ H! d2 Z* r- X  m         }
2 s* Z7 v6 F' C4 |1 N5 @: Z! c      }
, A, k( f/ K/ N' n* @7 P, a2 ~& T   if (xDir == "right") {
' o2 I& T$ w7 L2 u. V0 `6 F      xPos = xPos + BallSpeed;
' O& K/ H( n( j' z      }9 h+ A$ m- w4 K0 e9 ]; }) A9 E* k
   else if (xDir == "left") {
! ~9 X% i( \5 S      xPos = xPos - BallSpeed;
2 u( z5 @, {; b2 E& g, A9 r8 h      }
- t) x( l) w, `- X7 A   else {4 d# w; J7 x) S% Y, t& N: K# f- K. O
      xPos = xPos;: F+ C: t& {  h+ q  p4 Y& o8 b( Z
      }4 j& `1 w5 m. m! H- x2 D
   if (yDir == "down") {
1 w4 c# v! [. x, ?! `1 x      yPos = yPos + BallSpeed;
# s2 _) W3 |4 p      }* b+ J8 W% @7 s$ r, `
   else if (yDir == "up") {/ w' |; g' I1 f
      yPos = yPos - BallSpeed;
: E% C, K& M# u& L9 b# X      }: S# p3 U! d" H( L2 N( B
   else {
2 f2 Y5 z4 ^7 v2 B' p      yPos = yPos;. |2 u/ h  n$ i" ?9 I+ [
      }& `+ r) g# t  Q/ H) d" B7 k, K
   }6 Z3 c+ @0 K; w5 D

0 Z% Y$ R# M5 N3 Ofunction hidetext(){+ u. H' r* U; M2 o7 L1 G7 S
if (document.all)
/ b0 l& ]6 k0 c# ^supertext.style.visibility="hidden"5 A( o3 c! D- W! q7 M
else if (document.layers); \- J3 o6 z2 B
document.supertext.visibility="hide"
' s3 _1 e, `/ x1 W$ q8 q- J, d! jclearTimeout(animatetext)# t& A- T$ {) O! D0 W8 ?$ ^. P" I/ l
}
& Y1 q) F- o. E
( M" ]2 l. M) D& y7 P+ x# rif (document.all||document.layers){
% `; R; M" Y' F& Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( s+ ^; c# _; ~/ N, n9 O% Dwindow.onload = initializeBall;% l3 g7 V5 f5 i+ `6 q! z9 d( R
window.onresize = new Function("window.location.reload()");
" Z/ k  x& E& \6 [9 `}
2 D/ i: [8 R% I2 r5 C* p( J! N* v. l) I/ H
</script>

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