返回列表 发帖

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

<style type="text/css">
3 n% O, r3 @" R" \#supertext {
6 q8 Y( }( f+ R$ Eposition:absolute;
9 X5 Q5 Y8 m1 Q* ^, i( Hleft:0;6 T% j3 R7 r$ C1 |6 c0 W
top:0;
% T9 V2 o. M+ ]9 D6 C8 L# xvisibility:hide;
. @- s) X( h! [( Zvisibility:hidden;5 l7 Z6 O; d4 L4 `3 X; W: G8 g6 e
}! |0 m! O( [' v
</style>
3 e/ `3 _3 T* ^$ f<script language="JavaScript1.2">6 M1 o7 Y7 |2 A8 F2 j( U  J& N
<!-- 改变下的字体的大小。颜色-->
7 \5 Z1 P. T! _5 b" mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 M+ V. A4 U9 r! W% Zvar hidetimer='';: C1 J, M0 k$ L- X
<!-- 改变下的弹跳速度-->
! H6 ^$ @; B- s& v5 o4 bvar BallSpeed = 20;, e. V: p$ s, q6 x  z  I7 {
var contentWidth;
) j$ Y! j+ I- hvar contentHeight;, w' v8 Y( J  f8 G- y' m
var maxBallSpeed = 50;
! Q) \- p; _' G" _; A( b6 r2 n0 O4 n: J; Q; ~" Z6 M- l0 T) t
6 M( A2 Y7 U3 V0 h( E
var xMax;& C( h) X! d- T, H- ^2 _
var yMax;
, T0 \& B& n  E2 s! k$ _" v4 _6 ^  i6 vvar xPos = 0;0 P6 D- p8 S$ W, d
var yPos = 0;
: M5 v/ Q0 O# F" x; t0 Y0 Fvar xDir = 'right';
& r" Q; X6 V4 S' V/ t6 ovar yDir = 'down';; r3 X1 b  ?# G
var superballRunning = true;+ E( h' a' v& l* G: T0 C
var tempBallSpeed;
. o1 ]& }/ w+ k+ s9 [4 tvar currentBallSrc;! \4 R9 V3 z6 K( ~- c) r- \
var newXDir;
( @* n8 K% N0 f+ Z( S! \$ d  x% Ivar newYDir;
+ Z* g1 [. j7 M6 ^
" r; b+ T3 x# y$ tfunction initializeBall() {
, J7 E* G- N2 r* u9 C2 I   if (document.all) {
3 A# D, E3 ~! w8 h/ y% R6 P7 D      xMax = document.body.clientWidth5 G4 G/ r4 n$ @
      yMax = document.body.clientHeight
9 j! H2 L6 t8 [( b3 K5 x      document.all("supertext").style.visibility = "visible";
6 f! ^  m+ }, x, f7 R      contentWidth=supertext.offsetWidth
  N4 I) \9 D6 u' T2 g, V9 L      contentHeight=supertext.offsetHeight) q% I: [+ ~. R9 b6 @4 Y
      }) _3 [  X0 s# ~( }0 M$ C8 ?
   else if (document.layers) {
: z- H; e* `" X6 y      xMax = window.innerWidth;
- {8 I+ K6 a/ t      yMax = window.innerHeight;6 ^4 ^  r5 b1 a2 h( ~
      contentWidth=document.supertext.document.width1 H+ Y& [9 e- @/ ^8 Z* G3 @
      contentHeight=document.supertext.document.height
6 c  h2 \3 d, f  i      document.layers["supertext"].visibility = "show";: a. {* I/ G7 `# }' F
      }# p/ p$ @# [7 c
   setTimeout('moveBall()',400);
( l  R, j5 `6 f! m( g1 F0 C$ e   if (hidetimer!='')8 ^- i/ V2 _4 P
   setTimeout("hidetext()",hidetimer)
4 C1 F# e/ J- v2 v7 B' Z. J6 _   }; ?& C  F# d/ l' J$ Y. B* @

$ l6 H' D, B; G& d" ]+ R+ J( efunction moveBall() {
: x) R8 @- a) Y7 p+ N! E( O   if (superballRunning == true) {
: a/ V9 p  w. c* D, g1 d      calculatePosition();6 d1 ~: w% c" X! r
      if (document.all) {' g& f! \/ }/ y9 l1 ]7 Q) L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ T0 {+ R8 [' k         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 I2 [6 D- H. r! W         }, B9 }, F7 r& O5 M* l9 |
      else if (document.layers) {
; K- |8 M6 t* E% v) d         document.layers["supertext"].left = xPos + pageXOffset;
1 B/ z' `/ \+ Y( a. Z         document.layers["supertext"].top = yPos + pageYOffset;  o; M! W* `! `0 H+ q) `
         }
+ X) p2 u% y* u9 ~6 k2 j: P      animatetext=setTimeout('moveBall()',20);: s, |% O5 Y2 M& b) @/ H  z
      }
5 P' g4 H% ~& W/ a& b% S   }
3 O' [3 d6 G3 f5 W/ g; o+ D
% s3 Z* q( q7 [$ I4 j7 ifunction calculatePosition() {
+ w: g7 X( b: ]; J( H& P6 Z6 y   if (xDir == "right") {
+ r  n3 L! o7 g7 t. d      if (xPos > (xMax - contentWidth - BallSpeed)) {* f6 P5 T$ [1 x* h+ l! N1 v% K2 v
         xDir = "left";
0 [( t; p! |0 m         }
' Z& q( A0 l/ b( J, ]! C+ o, i: ]      }
: s3 T" x) ]! z2 G$ v# N* |   else if (xDir == "left") {1 a) w3 S# @* C8 V, R
      if (xPos < (0 + BallSpeed)) {8 U' s& _" ^* U4 Y
         xDir = "right";
& s6 E1 F0 @. i2 L$ P& p% B/ H% a$ \$ d         }) z0 ^+ R' d! T6 S2 L
      }
& n' W8 j' k* i' w% Z: `$ E   if (yDir == "down") {6 |  [+ }# s& V  T. {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! h. ~: M) F$ v# B         yDir = "up";
# N- N0 g0 z' K6 K8 S! `( w% S         }
: G2 R, l& d( z/ b& |      }/ H2 V- `! w" F; J! S, t, J
   else if (yDir == "up") {# [( h9 f5 C1 U9 q4 n0 B& E
      if (yPos < (0 + BallSpeed)) {- D% a1 h5 q' i/ V- W$ P
         yDir = "down";
' i+ B: @3 ^. e: E$ y8 O         }4 C, G1 b" Z# N0 X/ d
      }
) b- [4 [6 v* f5 x% p   if (xDir == "right") {" O5 g* T; i4 ^1 N! x7 ^7 I
      xPos = xPos + BallSpeed;8 ~" u' S# x- {; D7 }7 w
      }
+ p4 n6 s9 ~1 x& S' u$ W% i. [, ]6 p   else if (xDir == "left") {3 @3 h0 H  Y$ Z0 L3 d; O$ C
      xPos = xPos - BallSpeed;5 E# m9 }* _1 L
      }( G8 w$ L+ @% b1 U) A+ `) O
   else {1 Y5 ^. Z8 J$ X5 s! q2 H6 ^! ^
      xPos = xPos;
; X  m+ L; q6 D$ i$ ^      }
6 o2 z' x5 `! U9 z6 x0 v# k6 v6 T   if (yDir == "down") {6 X9 ^/ o/ s% z( D1 {( X4 O: Q
      yPos = yPos + BallSpeed;
* r; G& Y: i5 p4 t. a/ `; g; m      }1 r, d: l& L# Y* d
   else if (yDir == "up") {  x7 ^- b; K' n1 y, m: L
      yPos = yPos - BallSpeed;
) G' F/ H/ t! h! X9 t      }
2 X& X* B, n. v( d5 F; w# p6 ^   else {
& v, q/ R& T  T, Q      yPos = yPos;
! D) r: r* _5 k( @0 E. Y! U      }
' }+ o; ^( k7 J* o# E7 c5 T" v   }$ Z! J7 o! X- F5 s. ]

& S. J; I9 j9 Y8 z' X8 _4 U& Ufunction hidetext(){
( i8 _+ [6 Q5 P) I; ^/ Y# i9 C, F7 @$ Vif (document.all)0 n/ S+ Q1 E8 ?
supertext.style.visibility="hidden"
" X6 m: w9 [% [% Uelse if (document.layers)
+ @- f* k+ d) a. l! t! e6 [0 P* wdocument.supertext.visibility="hide"7 d+ [% k7 i8 c5 {3 T
clearTimeout(animatetext)
. z& c/ c8 M" B1 N$ D}
. ~* ?5 c: _5 ^* J
* F+ r3 V6 q, D2 z% j% y! W& ]if (document.all||document.layers){
" [. b, K9 j! sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 |, {5 b/ z3 ?- _: f5 J
window.onload = initializeBall;
: R1 U/ z$ f9 a' c; Cwindow.onresize = new Function("window.location.reload()");+ M4 `, |* T/ Q" t3 X0 O8 s
}
8 |& F. [8 o# v8 r6 j# a+ M* ~2 b2 X
2 e6 d, Z' Z, H  p7 N7 s</script>

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