返回列表 发帖

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

<style type="text/css">  L1 e: S0 w, V; @2 G. |/ Y
#supertext {; C4 ^! Y; k& y$ d9 W. l# L* d
position:absolute;+ M. }+ l; t0 T7 N7 _4 K8 @0 _
left:0;1 i) w  G5 ?' i* e! S' v
top:0;
9 s2 v  F# J) I; zvisibility:hide;% z( f7 w# U8 }! v2 h' F
visibility:hidden;
9 k$ R) ?: v6 A8 G7 l2 u, Z}
6 i) m* P' R) }1 E</style>
& s5 s( V6 \; b) I! U- K/ v<script language="JavaScript1.2">
7 d; |# v. |7 S. {6 T- @<!-- 改变下的字体的大小。颜色-->
8 D7 O4 X* A7 J0 H. qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# F0 O" n  D7 t% i
var hidetimer='';* u* t; W" p9 d$ L' r
<!-- 改变下的弹跳速度-->
" D$ Y+ W: c7 O7 _. N7 Vvar BallSpeed = 20;
8 T4 ^* E% Z: L1 g4 h+ r6 ^var contentWidth;3 a+ c% W2 x3 H. U8 @2 g
var contentHeight;
1 b7 n; G7 e" S) w+ S4 U/ D' C+ rvar maxBallSpeed = 50;
, ?& l6 E/ f; V4 E
+ g% y8 s9 v5 I; ?( f: o6 j7 M- H3 _
var xMax;+ E, f4 w( j( z/ ~
var yMax;/ ~. \1 t: y1 R! X/ x
var xPos = 0;
# l+ w# D& \" D& \2 R5 I( ~5 R0 L) pvar yPos = 0;
* Z; [9 ~9 z1 a4 }5 Gvar xDir = 'right';
( \: ^7 t& p7 r) y+ j; Lvar yDir = 'down';
; I$ l. p8 Y4 R' B' Hvar superballRunning = true;
- @+ e* @+ O9 q9 U. q9 Mvar tempBallSpeed;7 Q/ Z: ~$ ]& i
var currentBallSrc;7 x6 t8 M* {/ P1 N# ]
var newXDir;9 M0 Y6 R0 C! P# Q9 B  q
var newYDir;0 O9 I1 h) c) T
. {8 `/ o$ ~* K# w, f
function initializeBall() {
. E5 p, V; K2 `* q2 U. @   if (document.all) {( i' o" y' I8 H  r- O
      xMax = document.body.clientWidth
$ O- a0 S7 s3 ?# U      yMax = document.body.clientHeight! p+ ?$ f% ^+ I1 H7 o# u1 o$ S% ?
      document.all("supertext").style.visibility = "visible";
; g' g# _  b, y6 U* v      contentWidth=supertext.offsetWidth
" M, }. r6 q- b+ q. S* H) ~" Z      contentHeight=supertext.offsetHeight- k" ~! r% s: V3 J  E7 @, }& o  |( U
      }
. @4 V: ~7 X3 c$ z8 G8 `   else if (document.layers) {
  N( A; |6 [2 H. h! F1 |* R! u4 y      xMax = window.innerWidth;
1 A8 }3 c& \8 V# P$ G+ m      yMax = window.innerHeight;
! o$ H, z: Y  k      contentWidth=document.supertext.document.width( L. L4 Q+ T0 G9 D2 T# {, n
      contentHeight=document.supertext.document.height% \7 z5 C- I2 N* j7 c( E
      document.layers["supertext"].visibility = "show";; O. @6 T9 m+ o! n
      }
- g4 m( i( g& L" |   setTimeout('moveBall()',400);
# ]" T) R; z6 A   if (hidetimer!='')' _( [1 x6 c; R% {
   setTimeout("hidetext()",hidetimer)
; r! V# z3 I9 q$ Z. [# a; a1 z   }
3 T' C! H" ?! u1 r' k4 y: {/ [! g" J- ^3 o% T. L: ]/ l
function moveBall() {, `7 J/ r+ M- B; a
   if (superballRunning == true) {
% a6 ~, m5 b, a; K% c% w      calculatePosition();
. K" m# ]- H* P1 O( P) f, k      if (document.all) {+ s( D2 Z2 ]! i! k, z0 ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;: Y. M8 m" s0 T
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) P/ a1 y5 C! n. ^( M5 c         }
0 k' {- ^) w4 D. b- ]+ }& C      else if (document.layers) {
1 l' g6 z+ d: @( b         document.layers["supertext"].left = xPos + pageXOffset;
  M, ]5 z5 E4 u         document.layers["supertext"].top = yPos + pageYOffset;
) y9 f# A3 W- X* V% I         }
- Z# N8 r! b2 Q3 q+ J9 w      animatetext=setTimeout('moveBall()',20);
5 E6 o3 X; o/ y8 y      }- d6 Q! n% z$ X9 N
   }4 Y$ V# r1 U, |3 {$ D- P" M

* E* k6 u8 A1 P" X0 u% J; n& _function calculatePosition() {% B! S9 z/ E8 c( _  ]) ?) [
   if (xDir == "right") {
! x8 T9 s" W: ~" x7 N, j      if (xPos > (xMax - contentWidth - BallSpeed)) {
! w7 ]* f- q& T2 J! C         xDir = "left";
- B5 }! p$ [% D3 L         }% ]2 _% r+ W7 U9 |5 A
      }, ~+ X: y! w5 k9 i
   else if (xDir == "left") {3 \% `: Y% x3 R3 w3 E! @/ w
      if (xPos < (0 + BallSpeed)) {
9 p  i+ x3 h2 j- Y  a         xDir = "right";* I3 }( _4 E- M: J" d% n
         }9 p( u/ C6 p. J! k6 [
      }9 \  g$ X# a. Q8 w2 f. I' S8 T4 `
   if (yDir == "down") {# L! m/ ]! i; ?8 `1 T0 F
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; t! V8 I9 P% z3 B$ t1 o         yDir = "up";
0 b- Y5 x  z8 K7 R3 N+ g         }) l& @+ E, ~" W9 J! p
      }
9 O+ ?0 G% B( ?# }7 s- |   else if (yDir == "up") {
. K: O: p4 L6 a" q  |3 \7 ^      if (yPos < (0 + BallSpeed)) {
- g' i6 {- ?1 T- _) t         yDir = "down";7 ^/ K% U/ S& L: D* v" j# M4 i0 }
         }
1 q- C) O8 z3 {, P      }
% X+ O+ J# ?8 U$ h* _   if (xDir == "right") {( {8 d! S9 D1 o( c$ F1 }! A8 B; P
      xPos = xPos + BallSpeed;
! n  _" _7 q/ o3 t8 o* S6 M! m- Z      }
9 h2 j/ h: |  M   else if (xDir == "left") {
& U! \0 O% Y3 q1 |4 _      xPos = xPos - BallSpeed;
8 i( p" }; Q$ C" P" r/ N- K, F& {# i' p      }
4 H: A. Z0 t  b4 @( P# Y7 q9 y) Q   else {
5 m: I3 y2 I7 \  v      xPos = xPos;2 [, [* i3 I6 a
      }
9 M9 d6 m% x+ }* z4 D8 l' B% W9 {   if (yDir == "down") {2 a' q/ U) l5 r$ {
      yPos = yPos + BallSpeed;- }- r7 y$ ^; g& ^' Y% t
      }
* }/ y4 Q0 D) h% T) w2 C   else if (yDir == "up") {9 j: i- W# ]2 b7 X" P! E9 @" C
      yPos = yPos - BallSpeed;( X: P5 G/ z, F  p  L+ `
      }; M7 _% x5 t9 F/ e7 i
   else {
3 F$ t8 R9 }9 P9 K5 B5 {. x8 H      yPos = yPos;. F7 i+ F8 W# a# t  w
      }
# X1 a! \8 c: ~# ]   }
; O6 p1 U) c% {5 M' {2 w5 Z! E' a0 l& p- {) I1 ]
function hidetext(){6 i  |( L+ A) W# @; P
if (document.all): V6 x2 k! Y  W% Z
supertext.style.visibility="hidden"
6 I# C; h, `, g3 t; d5 helse if (document.layers)
, ^- C0 ]# U7 A6 \document.supertext.visibility="hide"9 D8 z# F) d7 A* y' y$ w
clearTimeout(animatetext)
0 M, P- }% y* g3 s: Q1 z9 G}
$ B, k6 e6 {2 R  U& F
' P4 {) ^7 a6 R( W# Z- ]6 e/ Oif (document.all||document.layers){
& ?. Z, T' m5 P. Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 e# U; |* x9 O7 p5 a0 I( e' f
window.onload = initializeBall;
: ?7 g  ~5 {$ j! D7 ], m2 r( s7 rwindow.onresize = new Function("window.location.reload()");% T8 p( l' z! w( f# L0 P& I" s
}
6 v/ A& _! W: s0 ]( u3 R" o2 r
& D! }8 u( P9 B; }! p+ |</script>

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