返回列表 发帖

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

<style type="text/css">' T& t; K3 w9 }2 w! S- a
#supertext {
9 S3 P$ c4 L; p3 f5 {0 W$ s1 i4 Eposition:absolute;
: D" R" p0 t- g+ p, Hleft:0;9 ]+ b+ c& \4 p' l
top:0;3 T, o8 t+ f6 H4 K
visibility:hide;
' b  t3 I7 A( ivisibility:hidden;+ R6 E& c0 Q! L
}
- m$ d* H1 _) h, E5 y</style>2 L+ F( |& }$ m/ W7 V. I4 h
<script language="JavaScript1.2">
: ^! ?, J2 s9 \4 b! V<!-- 改变下的字体的大小。颜色-->
1 Y6 K$ O( w: S0 L3 C% lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- {$ ]8 y, d$ v, V% ^9 ^. h
var hidetimer='';2 Z- u1 j/ d2 `& K" U% F% \
<!-- 改变下的弹跳速度-->
7 m6 H) c* d0 U, s/ [" Nvar BallSpeed = 20;
; H- L/ O/ a2 g! B# y; mvar contentWidth;9 f2 f3 @% C9 j( Q* r4 e
var contentHeight;
8 B. `, y$ _' j9 ^" c( Lvar maxBallSpeed = 50;3 D6 D( \3 S# F9 T6 U7 o. M
& D' D, Z" u6 x8 F7 z

% V" N+ _; `3 P& ?  Qvar xMax;  h; V  ]. A, r) b* F4 W
var yMax;- }" ]: F4 a# p: V
var xPos = 0;- n8 M7 U3 M# O8 V; j) M
var yPos = 0;
' O. M7 _5 q* ^var xDir = 'right';9 X4 Y( A" m+ Y" L) x
var yDir = 'down';, e" \5 @6 @) G6 r+ r$ o9 `& s
var superballRunning = true;
' B0 K: s5 A4 h4 y3 r* |4 mvar tempBallSpeed;
# y: `7 r0 X6 U& [var currentBallSrc;
. {! m' \: m5 Y& Q9 h. Jvar newXDir;  M7 ^' u; `; `, }
var newYDir;
8 ]4 d; J+ M, D  u' R
8 A% v+ q5 ?6 b5 g8 L) Zfunction initializeBall() {! q: P% G" d! j5 h, v
   if (document.all) {
1 ^6 G' q" Q' y( Z+ s7 c      xMax = document.body.clientWidth
* t% x' D; E, B: y4 _4 y      yMax = document.body.clientHeight
- {- Z) f0 k& @4 l) ~- e1 U      document.all("supertext").style.visibility = "visible";
& k# N% K, u5 m, e( t; D) p      contentWidth=supertext.offsetWidth
6 i6 {" I/ ^! [  a3 E      contentHeight=supertext.offsetHeight! |: |  P$ W8 {! p1 W: ^
      }
* |0 U. W3 r# |/ J5 o7 P" Q* r; y   else if (document.layers) {
' }! s! G' S! W+ u5 K+ g      xMax = window.innerWidth;6 C0 @+ a  V5 P( u# g0 a: y" E
      yMax = window.innerHeight;
8 X7 F4 `- [) F: ~# V  G5 K3 h      contentWidth=document.supertext.document.width0 G0 ?: U: a* P
      contentHeight=document.supertext.document.height# d6 O* O3 ~  Y7 E! `
      document.layers["supertext"].visibility = "show";4 U+ G5 B" G/ E3 Y8 i6 K; p
      }
- f) ?2 h/ L, G7 u4 C   setTimeout('moveBall()',400);
5 L0 q+ M6 D, @0 h9 k   if (hidetimer!='')/ O  t$ C! m1 T6 m& B
   setTimeout("hidetext()",hidetimer): j' ]. f& H/ h; U9 Q3 m
   }
9 H- x& z) u. B; [) d
: o# t( Q% m) t5 B1 E; X- Zfunction moveBall() {$ _6 [2 Z! |9 a& ^2 ]
   if (superballRunning == true) {
( E+ f0 a# x1 w      calculatePosition();
' r2 w8 m6 g& v) o      if (document.all) {
% \8 r4 f3 o4 [1 _1 `5 w         document.all("supertext").style.left = xPos + document.body.scrollLeft;. h* D1 j& Q. L2 e7 R" B1 G
         document.all("supertext").style.top = yPos + document.body.scrollTop;) S% ]* l* J- x2 I
         }* g- C3 A) x! ^8 y2 I  x. P# ?- _& l' N1 V
      else if (document.layers) {+ ^; p% u  u8 W. ^* n; D1 I, D0 C. L
         document.layers["supertext"].left = xPos + pageXOffset;- `* b4 E+ @! A6 H* Z0 D' ~  J
         document.layers["supertext"].top = yPos + pageYOffset;  {9 ~( Z4 X+ M( E4 D1 T7 f
         }0 c% J6 K9 U4 Z& A& A$ D
      animatetext=setTimeout('moveBall()',20);
! ~# K  ?8 J4 q/ S( n      }
" H- ^+ H* ?, _- z# `' g5 C/ l   }+ {  Q2 P( _1 {

- I; d+ g0 [) \function calculatePosition() {. U7 Y3 Q6 @3 |2 K
   if (xDir == "right") {: ^% a& {  n5 `  Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 M. @% X4 H2 O" p& x/ }         xDir = "left";: ~. V3 ~/ r" ]4 [) K& \/ @) ~
         }7 o. W3 g1 s. N. @' K/ G
      }
/ `3 l& a" {) Y+ ^+ j* W4 c   else if (xDir == "left") {: T4 ]' Z0 t+ t4 _/ ]! ?
      if (xPos < (0 + BallSpeed)) {' _# T! _" G9 J" Q! S' C# Q
         xDir = "right";; @& C7 I+ b; F3 Q" i$ Z0 m1 ?( @* h
         }  G+ D( i" Q" a8 j; V$ S/ G
      }
6 ?4 M" ]2 v, }# A# O   if (yDir == "down") {
0 K# N  V; |) K      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ e. c; L, {, }* E: ]         yDir = "up";; [. F  u) @7 e6 z) A
         }
6 n  |* y* |1 O/ U+ D      }+ ?& v! ]* j, v+ c7 \4 f: t
   else if (yDir == "up") {) o  ?$ J$ g, j; r  _. n
      if (yPos < (0 + BallSpeed)) {/ Y: e% ~- m  n
         yDir = "down";' I% \6 M. R! K" r& K+ K
         }) v  S* ]5 i9 Z+ C' z- A" h
      }" u% k3 O3 n/ c7 Q
   if (xDir == "right") {0 H4 c1 c: R& A' L& g" K" B8 y4 y0 {' H9 v
      xPos = xPos + BallSpeed;' l2 a# Y( I5 l/ g
      }6 J4 m' V* f' E' H/ i
   else if (xDir == "left") {( N9 M3 f- `  W$ }
      xPos = xPos - BallSpeed;9 Q' b7 S0 ^: W/ I8 V0 x2 m9 j0 B
      }  V" L" @9 S  W- b9 P) m0 f8 |
   else {
/ B3 v% B1 v7 z; e3 Z6 L      xPos = xPos;
$ `+ m$ J& O0 m( ~, _4 e      }2 L9 l, P! T% Z% J4 c; T3 j
   if (yDir == "down") {0 `: B* m  G' F
      yPos = yPos + BallSpeed;: A  k% T7 _# t( n2 s
      }# D4 F$ _1 N0 [; W' r1 R
   else if (yDir == "up") {
& U$ V4 X$ B, _4 ^      yPos = yPos - BallSpeed;$ o7 ?/ U! _: E& L+ H' u  l
      }0 q1 I3 k- B3 \% D- @
   else {
0 b  u7 p. f+ |      yPos = yPos;
/ M# a+ c& O: r+ V$ l6 N1 u' X      }
) w# m4 _& {! J" c   }6 [* T, V9 O6 t. Z1 j2 e% L
9 e, }6 l7 e  {- ~7 g$ N8 a
function hidetext(){
5 X9 X& B7 ]2 M( {if (document.all)
) F  G2 x. E; n# J3 ssupertext.style.visibility="hidden"5 y+ z' z  E; n3 d3 _0 `
else if (document.layers)
& D3 a& Q1 @7 o' }8 m3 g* `document.supertext.visibility="hide"! w& U: i5 I: T
clearTimeout(animatetext)
4 {3 J. D$ h8 k$ m2 h2 t3 m}6 _, W8 [- C4 x% Y

: I. P3 G( J! V$ s+ ^4 `  U. vif (document.all||document.layers){7 [" o' e8 w1 U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) c* @* Y. {( B8 W1 D9 `window.onload = initializeBall;
* a6 B5 J/ a( D, t; Nwindow.onresize = new Function("window.location.reload()");3 x4 J* f3 {, E+ d1 C. p; N
}
4 J" {. y8 |6 C" \8 u0 y. F  M3 q" W( K8 ^
</script>

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