返回列表 发帖

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

<style type="text/css">& _- ?/ Y+ ]) f( ^
#supertext {
* ~) b/ r2 h2 iposition:absolute;/ X$ t1 i! I3 h* o0 G' _
left:0;
3 Z+ x: g# W) X& I& K; Ttop:0;
. E5 G* C; q% H6 hvisibility:hide;
3 G- e/ c- }  }* b0 p7 l! [9 y1 L' Hvisibility:hidden;& x+ ?) z7 X& o3 p
}& n0 r4 F7 H* V, K( }( |
</style>3 y" U# G5 I% y0 {/ e
<script language="JavaScript1.2">
- |3 X. e  l+ N1 X, [<!-- 改变下的字体的大小。颜色-->
5 A2 B, E0 e; r, _3 tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" K$ g8 c# y8 ~2 {" ?& Dvar hidetimer='';+ }% I% ]" o/ h  I$ i  s
<!-- 改变下的弹跳速度-->- G6 {' B$ F, i
var BallSpeed = 20;* ], s2 A! B6 l2 g) |: D( s! X4 k
var contentWidth;; G9 l& A2 k% S. X
var contentHeight;
. t* z( M) T% ~+ s, O  |var maxBallSpeed = 50;. h+ B3 s7 B) u

/ H5 s& t6 T6 c9 O) @# s1 u% b7 t) W/ L' }( z' n
var xMax;! J6 w7 |4 H1 G- Y3 c5 Q4 J
var yMax;1 c2 W; A3 t2 P3 ?% h8 P; W; R
var xPos = 0;7 ^1 c+ N. U4 y) {1 C' K  ^2 ]% [2 z# q+ P4 W
var yPos = 0;9 w6 r! l& }- x
var xDir = 'right';
. j/ U6 B3 \- U: o% @) qvar yDir = 'down';
" E$ A, B; I2 @5 X" R$ B/ K* _: pvar superballRunning = true;
1 V# Q8 }; A) ^6 n5 |var tempBallSpeed;1 N5 n2 v7 f6 A
var currentBallSrc;
/ U* p( b& N' o- c& R3 n  \var newXDir;" Q! u1 t( |9 i! r6 e$ A1 v; P6 _
var newYDir;
' E3 N9 ~& a3 B- l& c7 H& _
  S! @* [# v" ?# z  Lfunction initializeBall() {1 p0 v# _) v7 V. C+ Z+ x% h
   if (document.all) {
( v- c( ^9 P; t( s, q. v      xMax = document.body.clientWidth
' `7 F) \' ~7 k: i* J1 }6 h      yMax = document.body.clientHeight
0 f) R7 x$ n0 v1 X* j2 w      document.all("supertext").style.visibility = "visible";
5 b: k6 g% V; O- S* a9 O; Z      contentWidth=supertext.offsetWidth
2 S3 y2 J5 s9 }, W, {. ]      contentHeight=supertext.offsetHeight2 @/ {" ]+ c9 T" d. K9 A
      }, `; N! x& k! b( E" X
   else if (document.layers) {$ s4 m3 z: C& J
      xMax = window.innerWidth;- q8 v2 b2 y" {6 p4 p
      yMax = window.innerHeight;
! Q# _* p6 y. n2 B  M5 D  v* b) v  Q      contentWidth=document.supertext.document.width
* X8 r( q1 F2 p      contentHeight=document.supertext.document.height
5 l2 k/ L- _5 k3 Z8 R6 G) G4 L      document.layers["supertext"].visibility = "show";
- X/ [8 e1 u6 ]" X3 T! o' q- o      }
8 S& v0 u  P5 }* g0 x   setTimeout('moveBall()',400);
6 h: V% Z9 r# P& c   if (hidetimer!='')
% o+ r# |3 l6 r; l2 [   setTimeout("hidetext()",hidetimer)
+ n$ E7 u* ^7 c' T, {   }: |0 X7 Y8 m+ W2 |3 H
, z$ I1 @; }* O% m2 t0 w
function moveBall() {6 D+ c3 `2 A( H1 C; F6 K! E" w
   if (superballRunning == true) {( v  V5 P0 @- z) |/ h  l
      calculatePosition();
; {* s# j5 K9 y, _- k7 o. y( ^      if (document.all) {
$ W3 y" k: H  U6 L% ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 \/ X$ B: w4 O! D# a- ^% i
         document.all("supertext").style.top = yPos + document.body.scrollTop;. D2 N; d; \7 ~- L7 @
         }* r* }4 Y0 y6 }# C  H; g+ {
      else if (document.layers) {
0 R/ O; e: m3 `0 Z+ N  S- U         document.layers["supertext"].left = xPos + pageXOffset;6 _0 E$ N$ [  H8 g
         document.layers["supertext"].top = yPos + pageYOffset;$ E8 ^' u$ x% N. ^+ @6 h$ F$ j
         }9 \- L: T8 j" T8 k5 U( b
      animatetext=setTimeout('moveBall()',20);
; Q5 e7 c/ d7 N3 s1 i      }
& n& ~) l2 V% @+ U   }
1 ?4 u: ]3 Q, r" Y9 x1 D" f
# U$ Q: H4 u1 p3 _( Nfunction calculatePosition() {
8 |; W2 o9 v+ E0 A& M" ]   if (xDir == "right") {! y4 ~! k) k/ u7 G8 l) F$ u% P
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 K$ [5 _8 B, O! X; m3 c6 H
         xDir = "left";: Y1 n- d; c8 n& a& }
         }, e: z  I. A) s8 t
      }
7 z* }6 B3 i# h* u   else if (xDir == "left") {; g. s+ ]. Y6 O+ U
      if (xPos < (0 + BallSpeed)) {
$ H5 H  V0 d& R5 n/ X" ]# y1 g, ~         xDir = "right";
; V$ n2 P' F/ Z2 q- Y1 ~1 c# @         }4 ]0 I$ V  V, ~$ X
      }
" {& b( F  p$ x1 }& Q3 D7 ~   if (yDir == "down") {9 q$ A& ^0 M0 a: _) V. G
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) k/ s5 X. b3 h% N+ V: q         yDir = "up";
$ C2 o3 |8 V+ ^: t' ~! w/ j% y         }
$ X$ d: B+ |# e# c; o      }$ F0 c$ ?1 x/ n6 `) _1 i  p
   else if (yDir == "up") {8 m7 Q0 ~0 s) z' x
      if (yPos < (0 + BallSpeed)) {
# ?, P1 j' S7 K1 h2 \3 `         yDir = "down";
' F! f5 `8 M2 j4 T9 G$ c' z6 U         }
4 c- ~3 Q5 r2 }, B$ c4 n      }6 z0 i# V2 v. t- I
   if (xDir == "right") {' B, \" ?8 N. E( i6 x* b3 s6 F& P# {
      xPos = xPos + BallSpeed;
( }: o2 b; o# I7 O5 c2 q$ Z* M- u      }; D9 n/ q! k7 t1 j) Q
   else if (xDir == "left") {
! b0 X# Z% o$ c1 t0 @5 ~* }2 M7 O      xPos = xPos - BallSpeed;. k4 I7 G- x" [; Z
      }! ?$ i4 N. N4 e, z! x6 t7 H
   else {
; y" J0 i5 b8 D2 [      xPos = xPos;
  H# T" M9 g* `      }
* \) |7 ~/ F( q" K4 S   if (yDir == "down") {
5 g7 c. b( y6 O& Z7 u      yPos = yPos + BallSpeed;
  i. _) x$ O6 I7 c& k      }1 B* u. i- X! Y3 \- d
   else if (yDir == "up") {
. H( q+ H. P8 S6 x: i' |: `      yPos = yPos - BallSpeed;
6 v+ J5 X: n, H" m0 ]      }8 O# t* \; W/ B! P% E4 ^) f6 d
   else {( d  H$ y. C& r$ ?6 ~- Z
      yPos = yPos;% l/ c: U+ l% O! c1 t
      }
/ [6 z7 q& s! h* n   }
/ e! b; [1 b  K, f7 {$ h6 {+ E2 H1 Q$ P; u) y  l4 D
function hidetext(){5 W! U1 c6 q( W" l4 j
if (document.all)
$ \  B$ L1 e9 ]2 u1 j, ksupertext.style.visibility="hidden"
6 J, |; f1 X+ D% aelse if (document.layers)
- B# G+ g( I* |& `document.supertext.visibility="hide". ?) U# h) e+ ?. x& c" h
clearTimeout(animatetext)4 K1 n9 G; _4 r9 g' o
}% K# l; k' J4 C' G5 `) c- v

1 ~! c) E7 A* eif (document.all||document.layers){
! h. D7 ^% \7 V- W! l( I& z& [) Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 e) w. w7 O# m3 K# vwindow.onload = initializeBall;  ^5 {  M2 O8 I. ?0 S
window.onresize = new Function("window.location.reload()");' y' x. I* _4 a9 D% {
}) ?7 o# y( j  X- \4 V  z# n

# C% l1 H  o% x! g</script>

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