返回列表 发帖

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

<style type="text/css">+ S- n/ ~/ J8 x+ k
#supertext {7 a6 f% F; W, b* X
position:absolute;" g; M$ q% q5 j% [8 W8 ?
left:0;6 E& H" ?" k6 L0 Y/ G6 g& U
top:0;7 L& }; V* V5 {6 z! Z" m8 q
visibility:hide;' @, S  k0 T% N) i* L
visibility:hidden;# H2 p& |- J. P5 F9 g5 C
}
- ]3 i1 B2 S2 h2 n5 K</style>
; h2 z. a. C' c- J2 O5 \: }0 V9 i<script language="JavaScript1.2">
& X3 f- f5 A1 C. O' S<!-- 改变下的字体的大小。颜色-->
8 R; l1 W# R* `! P6 |' Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  L: n- D5 u3 i, I) ?. G9 M0 P) |var hidetimer='';
' r4 J& ^' N8 E  }5 N6 {. Y0 ?<!-- 改变下的弹跳速度-->
. P4 z8 U$ N/ A& Q! u' @2 vvar BallSpeed = 20;) m$ o+ R# L6 z" a4 o! Q) M
var contentWidth;, \* K, o, U- I: A1 J5 h
var contentHeight;) W+ m3 L% ^' n7 H( i6 o8 o2 N3 i
var maxBallSpeed = 50;
. E3 ]. J/ Y* t7 \9 F( `
  U1 j; V. Z& A
' e6 V. e. @! e! a% x- T/ G- Pvar xMax;
9 d( u+ Y, P( nvar yMax;
: P9 g) W- d( {: z% J$ v2 nvar xPos = 0;
% v2 l1 N  z; s' }var yPos = 0;( F2 B4 Y' f' a$ c3 k
var xDir = 'right';
9 D; T+ {; t4 C' t1 uvar yDir = 'down';
* \" \0 c0 A& K) t& {6 G" f6 Jvar superballRunning = true;
( z& o% e/ C' \# F% `; u8 nvar tempBallSpeed;7 [' ]" [$ I; y4 c4 y9 a4 y
var currentBallSrc;$ e- S% [6 ~* t7 @
var newXDir;
+ l% E4 `7 m3 i( f, n& d5 ^var newYDir;) n4 ]+ M0 _! \$ e9 n+ j

6 G/ H2 ~( @( D6 ]$ w! ~0 ?9 }function initializeBall() {1 N6 P2 f9 X7 u. C8 K
   if (document.all) {
! Q* |8 r( V( ?      xMax = document.body.clientWidth. z$ t8 X1 Y1 R# B- q, ^( Y
      yMax = document.body.clientHeight) X, f6 Q3 a& d, g6 e2 u
      document.all("supertext").style.visibility = "visible";
& w! |/ w' d2 Z% K      contentWidth=supertext.offsetWidth" J( f/ J# w% z0 G: j2 D7 W
      contentHeight=supertext.offsetHeight' l; ?+ [# c1 u
      }& M" l% f9 V' O5 v
   else if (document.layers) {
& R+ y0 X4 n* h7 b  f( U      xMax = window.innerWidth;, g/ O( _+ w# t$ x- f
      yMax = window.innerHeight;
$ I. a4 l( Q, ^- y      contentWidth=document.supertext.document.width6 a, t) A$ l' U+ Y. c0 q: h+ }3 S
      contentHeight=document.supertext.document.height9 S7 f# y. H! o6 u* Y% r
      document.layers["supertext"].visibility = "show";+ ?! r1 H  T2 b$ v* U
      }
, `) Y, K% c) ^+ ?6 A/ J   setTimeout('moveBall()',400);3 w/ x; Q. H# ~7 F+ p% ~- x0 y
   if (hidetimer!='')9 E/ Y3 I) H- X2 @- t/ _
   setTimeout("hidetext()",hidetimer)
* b+ {- p+ N4 k% T   }
. {# v) {/ N& z  U, I
5 y! |# Q( k/ z- g* i0 h: Vfunction moveBall() {# b6 i; T! ~2 K0 s8 @; k, B- b% L
   if (superballRunning == true) {
; A. m0 V1 e/ @* q. C$ C      calculatePosition();$ I. z' C! @* K5 ?1 w
      if (document.all) {, G7 \) k; c/ D# E/ F" _' t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( a6 g) q6 Z+ |- ]1 u: x1 q7 d         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 O- C# a5 c% M         }& k- g+ ]+ G) m2 z- G/ p
      else if (document.layers) {
' z$ {& A* v+ q* X. O0 E         document.layers["supertext"].left = xPos + pageXOffset;
1 [  g! C7 v+ x) T" @/ M  P         document.layers["supertext"].top = yPos + pageYOffset;
" X  v) V6 I: \( _         }8 b9 W" J( P! L4 |; w/ b/ y
      animatetext=setTimeout('moveBall()',20);
, d3 T3 ^+ o* f6 |2 h" ~      }: y, Z7 L3 a1 @# G" G* P) M
   }
  f9 q3 m2 x# Q) O7 t& z$ T) v, b3 ^% Q2 ]; O: ?) }" a% N$ r
function calculatePosition() {7 `8 a) A4 D5 z. Z
   if (xDir == "right") {! t% D& E- B0 w: G4 ]+ h6 {
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 o& J/ f4 G9 [- f         xDir = "left";5 J& g! W4 L, a7 D4 x
         }& [' s4 E/ [( w: c9 s
      }
& G* S) e8 ?' W6 ]" W   else if (xDir == "left") {
; b8 a; I% l  A3 r$ ]+ @1 Z  _      if (xPos < (0 + BallSpeed)) {' ^3 h- n9 y- a1 k- L
         xDir = "right";
7 y7 e6 G) r" p- I+ t         }$ a/ \! S. C1 {) C. v- |& Q
      }( F8 k% }: Q) U, o
   if (yDir == "down") {
, w5 u5 N( P, K      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 n' Q" C5 w, Y) A$ a0 U% \, t. z         yDir = "up";
+ V* F6 F9 ^* C# F0 o         }0 q- R2 E0 ^8 b# l
      }
6 ^! O; n6 G" U1 L   else if (yDir == "up") {+ u4 d; I2 Z" Y
      if (yPos < (0 + BallSpeed)) {$ O4 J3 Y' P" L7 ?1 N6 K- [
         yDir = "down";
% u! c& x: Q0 W         }+ o4 h, b+ B* n- w9 Z+ P
      }; j( P# n( q9 ?
   if (xDir == "right") {  x1 U3 }% U! H- j5 b
      xPos = xPos + BallSpeed;
# d, l9 R8 B5 a      }
* m. P2 y4 }! \) y   else if (xDir == "left") {
) ~# p3 `# ~. h: U  o8 P$ h" m8 G- Q6 L: l- C      xPos = xPos - BallSpeed;
7 {$ u9 n/ {0 t2 c  ~+ D+ ~' R      }
' {1 h! A0 i) ?: K& v  p   else {
9 f# v" C0 k5 n1 [% a4 g; H' n  y9 `      xPos = xPos;; F' ]; B/ a5 ]* U/ l8 w: b& l/ y
      }
9 n; e/ A9 A$ {9 ?7 L$ J4 c   if (yDir == "down") {; z- _5 y' ^& z% G5 e& b( {4 x
      yPos = yPos + BallSpeed;
" ~4 E1 Q7 j# o% R      }
) _& {' W0 {2 D% u! o   else if (yDir == "up") {
& M+ r' ^7 \1 G- D' k& M, S      yPos = yPos - BallSpeed;
* X2 d& w( _4 a, s      }
: z9 X( s5 s* j! Z   else {0 G( G; P3 z% _! z$ f% F
      yPos = yPos;1 ~: u/ j* E+ A. |% s
      }0 ?( S4 F# F0 z: |; Z
   }
7 E5 K* X6 p+ W' P
0 W, T  k1 q' ~- wfunction hidetext(){
" B( r' W$ Y8 {" I  ]! m. x* l* Cif (document.all)' a3 H# X( {) G& K
supertext.style.visibility="hidden"
* @7 z% g4 I- c' x: z2 W/ Kelse if (document.layers)5 A( b: u7 p, x4 i; @
document.supertext.visibility="hide"
  T7 m) E0 U, q* HclearTimeout(animatetext)
9 g+ P0 P) r% }; x( x1 Z6 x% A: w. n/ B* J}
3 h0 Y* R- T( @9 K/ p! R% i& ^1 `( W/ E/ A, |1 G
if (document.all||document.layers){
- K! y7 H+ L0 K4 Q2 Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- }0 f% I1 C; j) |window.onload = initializeBall;
. K5 d. t! r* P8 o  y4 p( R: Wwindow.onresize = new Function("window.location.reload()");5 [, m7 p# p1 H! O/ i. A
}" I: V0 M3 h# O6 u

* _( R7 W) q) E7 m$ ]/ _</script>

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