返回列表 发帖

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

<style type="text/css">
% j! ^. f: ]' Q) M#supertext {+ ^& X% }7 d2 k( |6 M: r0 a
position:absolute;9 A% }  c* N: B
left:0;4 R! ~2 A" |6 s& x3 f
top:0;
4 @9 I+ x  @5 z: }visibility:hide;
  F# k9 g6 G- Kvisibility:hidden;
# s/ d6 ~" @  n9 |. {! V! t}  E8 M, w/ W1 k% J- e! a( g
</style>
4 v* E7 K6 h( k% x<script language="JavaScript1.2">$ m9 l: D& `+ l
<!-- 改变下的字体的大小。颜色-->
! N! b7 q8 R9 U! L0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" o3 E: Z/ r" L$ N# R
var hidetimer='';, b& _0 ~0 p+ z5 c* ~/ G" K
<!-- 改变下的弹跳速度-->! B; f" L! k7 C9 A6 B) |
var BallSpeed = 20;% ]% B& Q# a; Y$ y4 k
var contentWidth;9 Z) d' H' H9 m- O
var contentHeight;- M. Z2 N6 y& M, c' m$ m
var maxBallSpeed = 50;
; k/ @/ _# j! ^# p
1 M8 r- F$ ^& i3 K9 j
; @  N! |# B; y( \" E% k5 g; Xvar xMax;
) o# ^1 b0 C2 ?9 \* F1 A& P0 Z5 F% Yvar yMax;' t& @9 Y) Z+ B7 d- z
var xPos = 0;
: g. d4 Q2 |2 g; Tvar yPos = 0;4 P; p; W; g( S# ~6 C1 H
var xDir = 'right';
0 \3 \2 ~4 Q& x" qvar yDir = 'down';( X  |( ^1 I& o
var superballRunning = true;3 Q7 X! B5 o  U5 p
var tempBallSpeed;
& n1 o* t( R4 r5 bvar currentBallSrc;
% \, [8 P1 ?. u) l$ v, jvar newXDir;8 S7 ]6 ~2 M# @* p: t, f' F
var newYDir;
3 _& V4 a# n2 a9 P2 i
6 M; W' x/ L* X$ C( r) r6 o1 Rfunction initializeBall() {
9 `8 b& Y/ z$ m5 y2 U/ N2 \- E- B/ b   if (document.all) {
) J# Z) Z# V* h2 F$ f5 B9 {      xMax = document.body.clientWidth7 `0 A1 ?, q# ]  E5 u; R4 O& N  @
      yMax = document.body.clientHeight* a/ @8 a; n2 a. v
      document.all("supertext").style.visibility = "visible";
! n! {$ @$ K/ L3 u% m( d      contentWidth=supertext.offsetWidth) L" \/ Y  U1 n1 L, l
      contentHeight=supertext.offsetHeight
. O6 H% P# F* F7 t      }4 H& P, o, }9 ]$ C: O; Y: \/ e
   else if (document.layers) {/ j. N) S( `6 [% v1 f( y
      xMax = window.innerWidth;
7 @+ r+ e& R+ {: @8 v      yMax = window.innerHeight;6 i4 {+ t/ p: S8 S+ F! d
      contentWidth=document.supertext.document.width9 ^9 M3 o, Q$ [* ~) X  ?* g* m
      contentHeight=document.supertext.document.height
! }& v$ T) q1 T- Y6 A3 I      document.layers["supertext"].visibility = "show";
3 T  |  d) C9 q3 e/ C  ?      }: Y' T5 P! G& D# m: D* f
   setTimeout('moveBall()',400);
# D1 R8 e7 c9 x, f9 B   if (hidetimer!=''). m" T+ g2 q$ Z* [( e+ s  T7 @0 g
   setTimeout("hidetext()",hidetimer)
; @$ G; W( x1 Y9 K   }! N) @: Q+ Y: L; l# b( u4 g# s
% }- N9 M! {$ {, K0 n
function moveBall() {
, U2 g& `8 K- B- |* A1 t   if (superballRunning == true) {
& |+ W3 ?, h$ ]1 u1 S3 V      calculatePosition();2 U' g' v4 W% f% c" {
      if (document.all) {* |6 {1 f$ L6 r3 e; a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 ~& F( z% R7 L8 B$ c2 C$ d
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, M4 X3 g# m; z# x         }
2 b8 n9 l* \8 _/ s6 E& P      else if (document.layers) {
4 G5 |1 p5 P+ G) R& t6 K  ]         document.layers["supertext"].left = xPos + pageXOffset;
- Y, M& }' c* q         document.layers["supertext"].top = yPos + pageYOffset;
- x/ D- s% Q! c7 p( E         }
" Q: [! R' @0 ]0 H4 [      animatetext=setTimeout('moveBall()',20);
. a) w( K. o' z# n- B7 s1 m1 `      }1 P* V/ V% n. ?( r& @
   }
7 e$ m1 H5 ~7 L% I! w/ a
1 u$ l- U5 o% @% m$ Xfunction calculatePosition() {, }- z. q7 L1 d3 b, t* F
   if (xDir == "right") {
  M5 X8 W% f3 H, B5 W      if (xPos > (xMax - contentWidth - BallSpeed)) {/ m/ z, v# C1 n- d) K; g& h
         xDir = "left";% j3 w, W/ p* X+ a1 H
         }
4 \' ^! k$ ~) L( W% ^+ X. C      }$ z9 S* {$ Z% D% B
   else if (xDir == "left") {
, E, D4 |0 j7 H* w% H9 H  t" @      if (xPos < (0 + BallSpeed)) {
5 C2 f. `0 c* N) |$ v         xDir = "right";
; m+ `" `5 k7 q" U5 p7 c! _3 J         }  {6 `: }$ B' R2 T- [5 T* \% i
      }# P; |8 g+ l& D1 `
   if (yDir == "down") {/ M2 [7 r% D' g8 {6 D5 ?! v
      if (yPos > (yMax - contentHeight - BallSpeed)) {( ?* j: m3 M- P: A* o# e
         yDir = "up";
+ D7 s0 w% h8 R0 R/ Q: l$ [: e/ Y         }
9 N& x$ F8 s6 }. S& Q' ~* i( u* d; U      }
6 [* i0 o8 D3 O) ?& s   else if (yDir == "up") {
* q& _5 Q  h+ `; q0 f      if (yPos < (0 + BallSpeed)) {
( y/ s' Y! Y" n7 k* Q9 [3 E         yDir = "down";2 q( r2 h  \; [. n8 D
         }
+ |% M  Y3 n9 Q' e! R      }" @0 a5 j9 X$ V4 U, X; g
   if (xDir == "right") {7 n: P( L- o* W
      xPos = xPos + BallSpeed;
" G9 H$ @( J- B! Y& q5 Y      }1 X& L9 r  x, j! l
   else if (xDir == "left") {
' W! i1 y1 J; o# H$ N      xPos = xPos - BallSpeed;
# ^; y/ Z# e( W+ _# C      }
: ^  }3 r6 W' v# A( a7 D% T   else {- f' {* v5 Y+ b
      xPos = xPos;
+ U" X/ G, k4 a6 H0 c9 ^1 R      }9 o" b- ?6 ~4 ~. s, L4 Z% T9 \
   if (yDir == "down") {
. E& |: J1 U# L& h      yPos = yPos + BallSpeed;
8 o& _4 S2 N0 [# B0 ~* D: Y- H      }
4 U5 i" I! ^8 o7 |6 v+ l   else if (yDir == "up") {
$ l; Q" v: m; s0 Y6 A8 }5 L      yPos = yPos - BallSpeed;
5 S0 X: \/ Q: ]      }/ i" g+ W; e; ~
   else {
* A+ A" ?0 Y! t3 O- u6 z      yPos = yPos;! F" I  K! I+ T( N) c4 T# @: b
      }* v8 |- ?* \7 f  i0 W# f* S
   }) x1 f2 A1 d4 t8 T" E; t3 k6 l7 D) I
- ^3 B) J' u: r1 F9 e
function hidetext(){' [; J, |1 {" H) b% c
if (document.all)3 s! j5 x; O9 _9 R, }$ j" s
supertext.style.visibility="hidden"/ M0 y% F" i. ^% {7 |( k5 n
else if (document.layers)
& g( F* U$ c& t7 W7 k- s! x. Qdocument.supertext.visibility="hide"/ l$ c& h7 Q3 \- _- b
clearTimeout(animatetext)
- _4 z0 f% D( @: C" U, B}- t+ E( \4 o7 _2 W
; m: e& [. _# K: i
if (document.all||document.layers){
  B) [; w+ c+ |& fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* L2 Q) A# S1 X; q. P3 j4 Y5 Nwindow.onload = initializeBall;4 H* y  W& ]6 ~0 B
window.onresize = new Function("window.location.reload()");! I0 E3 ]8 @" ]% C8 P& j6 }
}4 [4 y% Q! N" i4 z) Q( P( i# y

$ ]- V  H: l; S. b5 ?</script>

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