返回列表 发帖

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

<style type="text/css">2 x( ~( P, s; u
#supertext {" r& B% m/ \" z( C) K2 ?* r
position:absolute;
& C2 {' [& {+ z) _+ `left:0;1 E$ N+ k6 B7 X( F; i
top:0;8 l0 G/ H* y" i
visibility:hide;
( n. Y# w+ L/ q( t. y0 J3 Ovisibility:hidden;$ K2 G3 q' H9 |( |/ j
}
8 F; Q1 M0 m, E' H</style>( F! G$ J& s1 o+ F) M3 t
<script language="JavaScript1.2">
7 H6 M  i: K( L9 m* M# u7 c2 ]7 v<!-- 改变下的字体的大小。颜色-->% P! }2 S6 w( _' E5 W9 C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ B7 n0 Y8 `. W! R! U8 w' G" tvar hidetimer='';$ ~$ z: h/ L3 y& I% [  ?
<!-- 改变下的弹跳速度-->
. T) D1 o- g0 f& _) _% xvar BallSpeed = 20;4 h, B9 s2 l6 a; |' l: P
var contentWidth;9 h$ r/ |/ N2 I. U5 {7 W
var contentHeight;$ H- k# l0 `5 ?! _, p* [6 T
var maxBallSpeed = 50;
2 x  d$ _4 T% d0 w% P
; M& Z- w1 k5 F# g
6 w- U5 J: o6 ^% W! S: `var xMax;
& m! ?6 w$ y( W. M2 ~! v0 lvar yMax;
: E4 L& T3 Z1 x: Lvar xPos = 0;$ w, W2 E  ]* N
var yPos = 0;
  C- i- S9 i# n% \- Vvar xDir = 'right';, d& I* N5 T! }' J
var yDir = 'down';
2 ?0 y3 m3 Y* B8 u6 P- _var superballRunning = true;
! U7 e6 P2 P. z% \3 Bvar tempBallSpeed;
5 j3 r# y  R' n( m" f7 hvar currentBallSrc;, [# B) [' r* c2 l. y
var newXDir;# o& Z  d# j& z1 ?; C$ S" m
var newYDir;
* j( M- M* y0 K) x
: d2 x1 k# q" i" ^) N4 Hfunction initializeBall() {4 p& F& v4 B& Y- L$ P; u# @% b$ ?
   if (document.all) {! |# r, a5 B$ Q7 p/ l9 w8 s& I; ], I3 Z
      xMax = document.body.clientWidth
+ |2 h5 I4 c6 c  x; D      yMax = document.body.clientHeight
, g* ]5 A  h' P4 I( W! I/ s$ M( E      document.all("supertext").style.visibility = "visible";
4 q! a5 u- [, b" y( w. d) s; R      contentWidth=supertext.offsetWidth
4 G6 m1 {' S" d) |* k' [      contentHeight=supertext.offsetHeight
6 I: M# m2 b7 q5 M% s8 Q: b" j      }5 {2 s# L! u( P' x
   else if (document.layers) {9 x, ]: b) D8 _; m4 R
      xMax = window.innerWidth;
( P, K! p- e! ?# R& g3 V; W      yMax = window.innerHeight;
" C* ]. @. D2 b$ \      contentWidth=document.supertext.document.width8 p. s6 M; A1 C& Q( |$ R% e5 F+ X
      contentHeight=document.supertext.document.height
+ o# m& e; s: z1 }3 H      document.layers["supertext"].visibility = "show";
; T7 {4 P1 Y4 y0 w, |: f* Z      }
* s% R: t7 g! K5 W3 Q; C   setTimeout('moveBall()',400);
! U8 X2 D& y" S  T% s& y& b   if (hidetimer!='')$ F, \' U2 j: n! h3 u2 s! Q- i
   setTimeout("hidetext()",hidetimer)
! x5 H' n# h5 U1 D, |   }" W0 D( U1 G0 W+ w& @
! g( r9 n7 B  X
function moveBall() {
9 p4 m7 ?  Z3 t   if (superballRunning == true) {2 l: e" N1 t4 l- M8 {
      calculatePosition();9 r# X& I* i0 w
      if (document.all) {
9 [/ k  d/ `7 e. D         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 h; L' _0 \- m7 n8 Q         document.all("supertext").style.top = yPos + document.body.scrollTop;. z' T, I' _: u" [+ W
         }
" z- V2 G. Z  N' k      else if (document.layers) {6 N( ]0 x4 L$ e* e/ M4 Z0 g- D
         document.layers["supertext"].left = xPos + pageXOffset;, O# ^0 n- J6 I, d- W
         document.layers["supertext"].top = yPos + pageYOffset;
; w, [' ^* K) U! d+ ?# a4 G: v8 G         }
% S1 N2 k' D, z- K3 E      animatetext=setTimeout('moveBall()',20);
& Q: J5 n" u/ m: d' j- Y) s      }
: I0 w  x1 @" c8 i" |   }
: q5 z/ e5 ]* F4 ~2 V# Y' l4 N5 K! ~2 ?0 V' }4 F
function calculatePosition() {
* J& ~. g) N2 |" ?   if (xDir == "right") {
6 ^4 Z# H+ m, @2 j      if (xPos > (xMax - contentWidth - BallSpeed)) {, ~( m5 R3 `( v8 B+ i( k* f2 \
         xDir = "left";
2 v# c3 G9 {' E" ^% T6 t) Y& p% Y         }4 T0 z8 `% k) {, \5 d
      }
3 N# `9 ~0 H$ Y: |% g) f4 H3 q   else if (xDir == "left") {: k' ~7 U) A4 {- z7 i9 s
      if (xPos < (0 + BallSpeed)) {4 \* U- C* X% {+ h% J
         xDir = "right";
1 A% [/ Z$ F0 I+ \, _9 H         }* I& \. m: K( x/ p( M# C  ?9 l" L
      }
. h8 O; ]3 k. N! p, ?7 Q   if (yDir == "down") {
' p; b( g/ Q' c' q      if (yPos > (yMax - contentHeight - BallSpeed)) {
) b6 a1 M0 W6 P1 V/ g4 N0 {& J         yDir = "up";& |; d6 o9 c( _4 n- X2 m/ e, W5 \
         }
# |( U* t7 e+ P% k% ?, u      }
5 u/ p. ?6 B" r. J! J   else if (yDir == "up") {- Z9 h' O7 |  \' w7 E# I. P
      if (yPos < (0 + BallSpeed)) {
3 Q! b; {9 r7 G% X+ Q         yDir = "down";
/ J: |& W# k. W) l         }
, ]- m9 m: L: W7 \7 @$ C      }
6 H3 u% @& J" V' e' i  ?% ]   if (xDir == "right") {
- F( }  \* L( U  x' V' Q7 j      xPos = xPos + BallSpeed;' |9 U5 j: z5 i+ t9 a2 L" T0 e
      }$ O! L$ J- x5 E+ r: v7 c
   else if (xDir == "left") {2 [; a* g# z! w  S9 m8 ^+ `
      xPos = xPos - BallSpeed;8 \5 N0 g, h- e0 s9 e8 g
      }
4 \+ x( n$ d6 c   else {
$ c/ w9 R2 J& s  C6 C      xPos = xPos;
8 X# `: z: E# {) d! Q: v      }
2 B  x! R: @9 b2 k8 K( S   if (yDir == "down") {
) E1 W& v2 w, r$ K% `7 k) q      yPos = yPos + BallSpeed;
/ c6 X. [2 y0 K9 B$ y1 r" ~      }7 W) S9 u6 z$ R: g
   else if (yDir == "up") {
  o" ]5 W$ `0 c1 v4 D% h( Q      yPos = yPos - BallSpeed;! s# q9 O; O( `5 t# E$ C) P
      }
# H3 }! |% i) B% y4 K/ H   else {
" E9 J; k) y9 \. K3 H& h% i1 b7 D      yPos = yPos;
( a! w( d: m8 @' I6 q4 |      }( y; v( {) s- {7 a! m
   }
9 K- {$ S6 v. H2 p- e2 N
9 Q4 N  A. Y3 _5 W' M5 d) s3 {4 L, C4 ^/ xfunction hidetext(){# \, w4 a1 M7 k
if (document.all), s' s' J/ n5 P. \$ j
supertext.style.visibility="hidden"
! \- n% v# {' P! ?& C, xelse if (document.layers)
; C9 v5 j6 p( @1 edocument.supertext.visibility="hide"5 f2 c. ^& E6 [$ {$ f/ r. B4 f$ W
clearTimeout(animatetext)7 q+ i' q+ K. L; }- p* X
}
! h1 s+ E8 ]5 b
( c) U: k$ k4 O) Iif (document.all||document.layers){
& x1 b9 m. z# T9 U4 ]: m, jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( c( Q7 g% Z1 i/ ~& p* {window.onload = initializeBall;, \0 W  Z" y. L6 d+ c
window.onresize = new Function("window.location.reload()");
  l" Z2 ?8 M' ~& N}
1 R9 X/ l4 R1 ]5 J7 e7 S5 a% o5 p! a7 f, H$ ?: ?$ J
</script>

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