返回列表 发帖

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

<style type="text/css">% |7 J; D$ |0 m
#supertext {+ {, c' C7 ?! T8 w2 l9 A" y8 p
position:absolute;! E9 W% e' w! E& n
left:0;
1 Q3 q! H, M/ k2 f. t# rtop:0;* i* M' s/ I$ o, Z' C8 ]" _2 k
visibility:hide;
. k1 z, I5 v& ~% [+ hvisibility:hidden;
. e2 ]4 Z8 `( x4 S2 |. l9 \8 S}
6 X3 N, a7 T6 A5 V& P- _: s& K</style>
; _4 D6 o5 X5 b5 ]<script language="JavaScript1.2">3 S$ }% d$ _- N) A, T
<!-- 改变下的字体的大小。颜色-->0 B* `2 A2 r7 Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') {& B9 e* C9 X1 q4 F/ w& y2 p
var hidetimer='';* n/ G( @  E5 ^/ O; a5 i
<!-- 改变下的弹跳速度-->
+ p9 o8 J0 m% x( }/ {% @/ {/ Evar BallSpeed = 20;
3 _  q6 d" Z2 g, }6 x! }var contentWidth;, ?% Z# @% k; X  N
var contentHeight;
" d6 D4 R) k) x* T- [5 Yvar maxBallSpeed = 50;  j2 f( i; o# n: _$ d
: k# M. Y" t+ o& X: T. r. Z( F
5 C" k% b: t0 G
var xMax;/ J% e3 ^9 E5 v# B  @7 n
var yMax;& c$ P8 j' u  ^/ \
var xPos = 0;: Z$ v# R: f1 n/ K
var yPos = 0;$ w: v' V! F8 n  W: s
var xDir = 'right';
7 `0 I3 h3 |% R1 I' \/ M9 |) A' Pvar yDir = 'down';5 Q/ O. U8 t6 C5 `
var superballRunning = true;
- K1 q  ^7 j/ P5 q- U+ o% uvar tempBallSpeed;
1 m2 O( n% ?$ j- [& Svar currentBallSrc;  N* d0 _/ p7 W$ w! U: |, M
var newXDir;4 r( s7 ?+ \3 ~
var newYDir;' b% D1 \& V. @5 f1 v8 g9 c( [! j& w
: e( h1 N1 G5 N( Y
function initializeBall() {9 \, W' X, \. R
   if (document.all) {3 t" U( P0 D3 a7 e" [
      xMax = document.body.clientWidth/ `2 b5 w0 A3 u
      yMax = document.body.clientHeight7 l1 t2 ~" G. \$ P' D) j  q
      document.all("supertext").style.visibility = "visible";
6 ^+ o! D( r& P$ b% n! E% o      contentWidth=supertext.offsetWidth+ F$ H4 n, \: l
      contentHeight=supertext.offsetHeight
. p0 Q0 a/ a" {; S      }. Z) J/ `3 v+ n3 ~
   else if (document.layers) {
4 H' m3 `7 G# D" A2 a      xMax = window.innerWidth;
0 P8 ?) e% A( z      yMax = window.innerHeight;1 b7 ^9 R# k# k/ T) }2 m& K1 @
      contentWidth=document.supertext.document.width3 J! U+ \; s/ C# ]% x% K( |) }
      contentHeight=document.supertext.document.height
" @( P) i0 f  I- _8 @; p1 D2 T      document.layers["supertext"].visibility = "show";. Z5 v4 p, c( j2 z& V" w* c) S
      }  t+ B& A3 T7 l4 x8 i5 M" i
   setTimeout('moveBall()',400);
+ [5 k' s  |, v- B$ o* E   if (hidetimer!='')
  Y+ m8 r* }# ~3 @   setTimeout("hidetext()",hidetimer)3 m) L" P# C3 _
   }5 o/ x; K6 ^3 w# Y8 J8 U
0 C2 [: N" d2 B) v) ~7 X  h! i) Y. j
function moveBall() {4 }2 L3 a/ X5 t7 R9 J4 {8 G& d
   if (superballRunning == true) {
1 @* B5 Q1 X: N  w+ Z5 f$ D      calculatePosition();3 n. ^8 q, u0 X- y* F* o) z! M/ Z
      if (document.all) {& x* o/ C& \. Z" r# q$ S2 L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" ?1 G( R, P: P" w3 I         document.all("supertext").style.top = yPos + document.body.scrollTop;
: I7 b2 J/ I6 u5 m0 ^& S+ o  H( z         }
: p1 o0 d! D$ N: o& L      else if (document.layers) {
- W. I0 H: _7 R9 F7 C! V         document.layers["supertext"].left = xPos + pageXOffset;( y/ ]/ f* @9 T, c
         document.layers["supertext"].top = yPos + pageYOffset;
$ v4 o, W3 K7 C$ m& L         }4 y, ~# q* Q: M
      animatetext=setTimeout('moveBall()',20);2 ^) r% r5 P5 [+ U6 i, n4 u  I6 s' [
      }' G; @$ S  ?3 O; `' E0 U
   }5 w" p: x. i9 S. m( g
/ H; h* e5 \4 R8 B
function calculatePosition() {8 _) d6 T: b& U# b; r, M
   if (xDir == "right") {4 p8 C* k3 s2 }. d8 ~& U# S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: O$ Z4 T7 _2 ?1 ~! z5 U% I         xDir = "left";
' D0 O6 f3 [1 C$ f         }
6 t9 A( ?+ [% I4 W      }  S" z8 l! |5 K' P* L2 a
   else if (xDir == "left") {: I+ o; y9 L; z6 c& t+ T
      if (xPos < (0 + BallSpeed)) {4 T8 X7 Q$ |, e' @) M
         xDir = "right";7 I& i' J% G; f; \) R- o* s
         }
3 z& O$ F: J- D& ?( X3 g( B3 b& Y      }
0 |# ~3 [- I2 ?3 Z& @4 ?1 J0 Y( ?   if (yDir == "down") {; ?5 ?; X# I0 n8 j) V1 Z: ?1 S$ M4 X
      if (yPos > (yMax - contentHeight - BallSpeed)) {
% D4 h/ R) G# ]" I         yDir = "up";7 c# f5 q( K0 B
         }
( w3 f; F# f6 d' u      }, K- J9 Y% Z) q$ \' e" B3 D
   else if (yDir == "up") {
3 M! R; d+ r- a8 |: I! |7 O1 p      if (yPos < (0 + BallSpeed)) {& V& {( m5 l. ~
         yDir = "down";
. M; m7 @* b5 [4 K         }1 x+ W, c0 x/ a0 t5 B
      }: n! ~$ N" ]2 o1 j. a( Y2 Q
   if (xDir == "right") {
! Y/ ]- D9 S- O4 j( \" d. o+ Y      xPos = xPos + BallSpeed;# B$ G- J6 s2 L1 f
      }
- D$ z* S! o" z3 X   else if (xDir == "left") {8 o% K* e& T) ^7 l
      xPos = xPos - BallSpeed;
$ l5 h1 N0 @# t" O- P      }
% v5 G# o0 {" `5 ?" U* j0 i! J+ ]7 @   else {
# l4 O/ `( J$ M% o      xPos = xPos;
! ~9 V- I! K- ?3 l5 l      }
4 i8 ~( X3 K: j% I5 t3 x   if (yDir == "down") {
8 ]6 H3 V4 f1 E- g/ Z* {. z      yPos = yPos + BallSpeed;
9 N( x* }1 g5 J# i$ v( V      }
/ t9 e; y1 B4 m; ~5 y$ x' a   else if (yDir == "up") {
. w6 H  s' \' a& a: t) v      yPos = yPos - BallSpeed;
; q7 I' T: f! y7 x8 c      }4 _9 T6 b- {% R% A( S
   else {2 H3 u! Y/ @1 S
      yPos = yPos;
- j% l3 o4 J5 y  e      }6 j& v/ S) @- A% C* T; z
   }
" W4 H  S; y+ M/ s. l! d- G4 I, G1 j2 \8 Q3 \* j5 q
function hidetext(){& t+ W$ u4 x1 b7 `* C! P
if (document.all)8 t* H8 M' X/ x) {
supertext.style.visibility="hidden"
3 _% w3 l$ T3 n' L. H' qelse if (document.layers)
% L4 j: }( b) {! J  v* Jdocument.supertext.visibility="hide"! e# O  b9 A. Y/ `
clearTimeout(animatetext)
& ]2 L/ v" t6 N) T3 m6 A}: T2 W: t9 V4 |3 o  `& A

/ E+ z$ |0 Y9 J- m$ Uif (document.all||document.layers){2 r9 E, z) O$ s; G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  e; O; h# H6 m, owindow.onload = initializeBall;
- d; f" D6 m" ]window.onresize = new Function("window.location.reload()");
6 C. U8 U' K  s}
+ B: Q: S' A# J3 l, y
# m" D$ @" o9 Q8 ~; f</script>

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