返回列表 发帖

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

<style type="text/css">
7 S: V  {- K9 s6 o  }% k4 H#supertext {1 i, H: U- |) a3 s4 c. f& |
position:absolute;
- u/ H/ h7 x. g6 {# c1 Mleft:0;
% u! S# ?5 a& n- ?) c* i$ jtop:0;
% r; D$ ?: A: T# ^visibility:hide;& ^% D! Q) c+ _
visibility:hidden;
! t* O6 r" ~2 s; ^9 ~}0 s; ^3 f4 ~/ I4 F4 l
</style>
5 C8 b8 I( L, ^. A: W<script language="JavaScript1.2">
4 f( ?- S6 ~4 u5 D2 |<!-- 改变下的字体的大小。颜色-->
! R# i* s& Q% t# y# hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ B: j5 P9 O+ c7 {7 y& P& u8 y2 ^
var hidetimer='';" d5 T4 h% m6 l7 K, H- o8 Q) a
<!-- 改变下的弹跳速度-->
( }: j7 m/ M( p4 Q! t- [) w$ vvar BallSpeed = 20;
- T$ a) X! w; I% B4 vvar contentWidth;
% h, T* @5 A0 C) pvar contentHeight;
' T/ @* O( a  m. cvar maxBallSpeed = 50;! B: T/ [) A% {5 a6 D) j* ~

0 j; G8 ]" d& R, J$ j! b5 g( y/ H+ ^6 w8 C+ f
var xMax;6 ?! P7 h& ]6 l! g
var yMax;
# e9 b! L# n6 Kvar xPos = 0;
5 Q+ y: @- j) N0 ~, D+ yvar yPos = 0;
4 J, [% w/ b6 ~" i) O; }) y4 }var xDir = 'right';
( J3 a: t9 x) T. s6 mvar yDir = 'down';
7 J, `% p( k& N& D0 q9 @! L; A+ E, u/ `var superballRunning = true;
. V) s! E& q/ D5 _, wvar tempBallSpeed;0 p( h! K; K* D' o% n' o! @; E
var currentBallSrc;
% A/ |+ K& ^* O2 e- N/ M/ Z- Fvar newXDir;
4 v; k( q; D! g2 B) wvar newYDir;6 \, [+ P2 G# u5 e
. w; h0 r8 a9 _. `7 x' g( ^
function initializeBall() {5 C: G9 d! u  v
   if (document.all) {1 X4 A7 E! S* D- s# }+ P1 F; A
      xMax = document.body.clientWidth
' p3 a4 O( H( R% Q$ D- c* S      yMax = document.body.clientHeight" I4 R# Y. v" F/ L
      document.all("supertext").style.visibility = "visible";
- G* Q( e4 P. D$ |' c0 |+ v  T      contentWidth=supertext.offsetWidth1 W7 j, e: Q2 O8 B/ S" C
      contentHeight=supertext.offsetHeight: Q1 S4 ~; z  V  [2 O- g" m8 M
      }6 M/ ^$ d( ^$ e
   else if (document.layers) {: @  f- Q! a) d4 F. i1 g1 R
      xMax = window.innerWidth;
* a& j- `5 k. k7 J% f8 }9 u& |      yMax = window.innerHeight;$ U  R0 W5 \$ L& `6 @; _
      contentWidth=document.supertext.document.width
1 c! k, [0 |! A1 r' u      contentHeight=document.supertext.document.height* v5 [* P7 x1 Q+ D+ x
      document.layers["supertext"].visibility = "show";
/ L1 n6 L5 S, h' y      }3 ^- D7 v+ b8 {3 r
   setTimeout('moveBall()',400);
/ J5 c* _  B- M; Y2 L" p) s4 f   if (hidetimer!='')0 v) a! m0 `5 N' N1 n- h9 R* q" J
   setTimeout("hidetext()",hidetimer)
8 ?+ s: K; s. U% p# x. p* i   }
, o" M- g' w+ w# O4 L) Q, V# O( W
- f$ ?# Z1 h4 p' o: J, Q- Tfunction moveBall() {
. S/ Z, e- Z- J7 Q! G) C   if (superballRunning == true) {
# y. O) f  t( t" k0 E" r      calculatePosition();
) U7 F: h( [' m  X1 \      if (document.all) {0 ~, A7 J& a; n4 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* Z0 }& `8 s8 u         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 U( H2 z- z- h- c; |         }
: M7 y( e' H4 w2 t7 w      else if (document.layers) {
; h+ s  o) x4 O, h" a1 k$ v. \         document.layers["supertext"].left = xPos + pageXOffset;% p! e) r+ _7 v- [  @% p% K
         document.layers["supertext"].top = yPos + pageYOffset;3 x2 g+ ^; p1 ^& v$ R3 ]( N
         }
- U, y; n( `2 e0 Q; H      animatetext=setTimeout('moveBall()',20);
- _! ]4 s6 a, o+ `      }
5 c. ]' ]* |% L7 h+ {6 |   }
; |: ?8 Y: s/ k% t! A2 L! F, C( x6 `1 h
function calculatePosition() {
: I+ ~1 v5 B: u   if (xDir == "right") {
* f, h+ t$ w- N- X      if (xPos > (xMax - contentWidth - BallSpeed)) {4 Y  [# J$ \- A0 J) |4 _9 K
         xDir = "left";
4 {/ P( ?9 l8 z9 q( I% d         }
: j1 W% X0 N* ?4 l      }
4 y$ T# v2 G* O! j! U. I" y   else if (xDir == "left") {) o2 f7 x9 O" s! e0 ^, c. X7 h
      if (xPos < (0 + BallSpeed)) {+ p( g5 j% D9 j- m3 B" S$ |
         xDir = "right";# W1 E9 s! Q# Y3 `" `
         }8 a6 g; o( C, k  e, y1 V
      }
4 p( b! f9 `8 b; a5 x) ]" F   if (yDir == "down") {4 r4 k1 l% }! d  Q& B7 x9 \- T4 I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 g8 z+ _) ?) b. W0 p, D4 W         yDir = "up";
: z4 a& I6 D3 P. H1 w2 f         }
- ^9 }. n0 ]2 L5 m4 t4 |- D9 ~      }
/ r: s/ m5 |- e4 u) V5 E   else if (yDir == "up") {
9 Z% t- G4 l$ j/ B  X, b5 b* `( F6 |      if (yPos < (0 + BallSpeed)) {8 L, M4 `! O3 j- D' {' ?
         yDir = "down";
) d8 k; O- f" G7 B+ v         }
, ~9 o* [% O- f; N" T" t, J      }9 J, Y3 h1 _& O2 [1 u7 `
   if (xDir == "right") {
0 {+ ?8 H! W5 z/ i! H- A0 p      xPos = xPos + BallSpeed;
$ m' m, R2 e/ Y9 A      }" s3 X/ }( {" r, D8 B
   else if (xDir == "left") {
0 C, z0 k' K2 z% i+ p      xPos = xPos - BallSpeed;* G8 a' z' J! a5 Y
      }
3 _9 [% Q3 J5 u   else {
) N# a+ v) N, {/ g( n      xPos = xPos;
" M4 o4 ]5 |" j" M1 @( H) d  Z      }5 I$ U' d; Z: ~) g' {  |7 I/ B
   if (yDir == "down") {& t/ Z6 j+ B; S- q( I2 g
      yPos = yPos + BallSpeed;
. H2 o( M" i* {& d( l      }
* u: ]- N, l4 v/ T1 J/ z   else if (yDir == "up") {
8 m- }" L' s# Z      yPos = yPos - BallSpeed;' q; D6 T4 p: Q8 H
      }7 z( |' g0 n/ O2 ?1 T
   else {( D) C, C, W( g' ?, B
      yPos = yPos;
: ]. F; B5 z% \0 n! v% F      }
  l; i8 }: p/ v$ b# E; u   }
3 p* ?/ B& b) D  ]# ~* w7 r6 u1 d3 Q# H+ A3 s0 q
function hidetext(){
) q: j, |3 \* K5 O0 Z+ Rif (document.all)
- K5 R2 ~/ H* R% i0 y8 Tsupertext.style.visibility="hidden"* }' J4 y# A8 N) A+ I
else if (document.layers)
  Z9 T: M% ?' O3 p5 B' gdocument.supertext.visibility="hide"
! u& @+ [( m6 y: j+ aclearTimeout(animatetext)1 h3 |  H/ K5 [9 f
}/ s$ E3 k0 r0 R

0 x- G% {  E  r+ ?2 q8 D: q+ k, Cif (document.all||document.layers){
& h8 V2 m' U& c$ Z; _% Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! R3 Q( D$ b, L! Z8 y+ Z* _; Swindow.onload = initializeBall;
* G) o# p0 C* a* z/ W, T$ Fwindow.onresize = new Function("window.location.reload()");
' G* E+ j6 k+ ]1 z' Q5 e& F}
' P# N" d7 n9 C& E- o! ^! B3 E0 v) t* S6 D$ u5 J  y* W5 \0 s
</script>

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