返回列表 发帖

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

<style type="text/css">
, ^& h9 `! r9 E3 y& R5 i4 G#supertext {  V# n* F5 K3 z
position:absolute;- \" i& N) W  A3 C# S: ^
left:0;8 p$ ?! e* _" a: Q+ r3 z) @9 u6 [  |: y
top:0;
4 z; u9 T' a5 h0 [0 v# Zvisibility:hide;
( J, V; M' B" t- [visibility:hidden;
: q' Z; H9 P! _" k6 M. G, G}
6 ?# R; i4 t4 J/ [- r</style>
  S4 p) F; L% G! c2 W  Z9 j<script language="JavaScript1.2">
- G9 K9 [( [8 W  Y. A$ r<!-- 改变下的字体的大小。颜色-->
7 G3 F; _. o/ z1 W  c; wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& Y4 m( x% a! Y7 Y, Y; Zvar hidetimer='';
8 ^# d% ~+ d+ W* N8 W- Z<!-- 改变下的弹跳速度-->
0 G! \8 q/ [3 d4 Dvar BallSpeed = 20;
% c4 G$ C0 N* f9 Qvar contentWidth;' S6 j0 a$ R) R( @5 T% A
var contentHeight;, X- ?# A% p+ {4 T$ B: D
var maxBallSpeed = 50;
: n5 _7 x5 x" m6 v& l4 \7 I$ J' z# F4 @

* l% I6 p; A: [' q) F( o7 P3 ]var xMax;
1 ]% I2 I' z+ rvar yMax;8 u" N. r9 [% f0 G" w
var xPos = 0;
  R% {* b% E( ]" Mvar yPos = 0;( O  |' x& v# Z, ^% m2 }! }! M
var xDir = 'right';
5 l6 I) B$ T5 e) h; {5 E3 B- gvar yDir = 'down';! G5 o4 o2 D- _
var superballRunning = true;4 I8 v+ ?0 Q% M/ t2 n+ y, v6 G
var tempBallSpeed;; u+ g- {( |8 A: L
var currentBallSrc;
4 O8 y  S# b4 @4 H* h" ]var newXDir;
2 J4 \, `: m+ U; avar newYDir;: U9 C4 _. {0 v9 V* S
- {- }$ ^/ E+ y; P, i0 Y8 v
function initializeBall() {
6 B3 y1 f$ R9 d) ^   if (document.all) {
* |1 M$ U! b5 Y4 g$ r      xMax = document.body.clientWidth: e8 Z  M" W# m7 k: n4 y; G
      yMax = document.body.clientHeight
6 N/ l/ U# D5 w      document.all("supertext").style.visibility = "visible";! m8 J* P: f0 N5 ^1 B+ N
      contentWidth=supertext.offsetWidth
0 [+ W2 L' ^0 ~2 U6 e) F      contentHeight=supertext.offsetHeight0 N# @( V  c- v. k3 }
      }, n- l1 o$ i8 X' x, ^
   else if (document.layers) {
! F1 J& n9 X  e! p# q      xMax = window.innerWidth;1 R9 y) V5 x4 ]" a
      yMax = window.innerHeight;
( L" j% o; T* O; ~7 Q! R      contentWidth=document.supertext.document.width
& y: n  R8 B( @# q0 b) g. R4 H      contentHeight=document.supertext.document.height3 H$ j1 k3 m, l
      document.layers["supertext"].visibility = "show";3 x* N3 Q$ ^# Y1 k9 p
      }* |% k+ j) B4 U3 i* Z
   setTimeout('moveBall()',400);
! R3 [5 h# z  |- I   if (hidetimer!='')0 z6 B8 v& m5 t6 p! u9 ~. G. j" H. v
   setTimeout("hidetext()",hidetimer)) S- ^" {; q+ v* W$ x
   }: B! n- v# i  s0 L' x

4 z; @" ^$ B8 ~function moveBall() {
3 _% l: n0 ~% y# S4 \1 E2 R& |   if (superballRunning == true) {' ]: G% b& W+ d0 M( _2 b; T1 b# _
      calculatePosition();( n: v8 N, V; R; M' `  u, E
      if (document.all) {
6 G: L/ n) F. {& A/ R7 q" j$ l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; z" Y# W' c6 w# i! x2 b0 S) ]+ Z         document.all("supertext").style.top = yPos + document.body.scrollTop;
& c4 P1 e" i. \/ f         }
9 G2 g' R6 J9 I9 K" d      else if (document.layers) {. Y3 R  i4 y$ l/ X, R- c
         document.layers["supertext"].left = xPos + pageXOffset;
/ c# t+ I/ d4 J/ m! y; g' c, ~         document.layers["supertext"].top = yPos + pageYOffset;6 F* P' A3 r1 _( z! Z
         }$ T8 c9 p6 S" ]# Y" U, d& U
      animatetext=setTimeout('moveBall()',20);& E. D2 o; O* w) K" ]2 I0 z$ P
      }
/ u& h5 e6 h. V2 R   }
  g7 I; K8 h2 |& q+ c: G6 M) w: k* [; s# f! c6 J$ f- r
function calculatePosition() {
3 V. Q+ Y# e9 y/ J; K3 ^   if (xDir == "right") {6 i: a$ U0 f" d! R  M6 Z* U6 U' l
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 d0 R5 n+ w7 S7 R6 f! f& v
         xDir = "left";
. P: P% z- P- d& H. Q! R         }
% Q: l  Q. s8 V5 ^      }$ e+ B' x7 F8 V" J0 o- v. V
   else if (xDir == "left") {
! U& Z, m; g" B& ]- `      if (xPos < (0 + BallSpeed)) {7 W4 Y* g. H% v8 O3 B7 a: Z
         xDir = "right";6 L! v/ k  G4 j
         }
' a; Q; a) D! [2 A* V2 o      }
0 r; y) `( A) I   if (yDir == "down") {) T; m, p' ~' U' h" Z& d
      if (yPos > (yMax - contentHeight - BallSpeed)) {' p! v! `# F( V
         yDir = "up";
2 q: q8 T( x5 Q6 k% K5 O- n! R         }% B2 M$ I' n* G/ M# ?" {4 Z
      }
' d7 B. y+ M2 @0 F7 ~2 t$ ^   else if (yDir == "up") {4 D! x4 k# r& U/ ?* l3 o
      if (yPos < (0 + BallSpeed)) {
$ B) M6 i$ Y7 l. _' y         yDir = "down";
8 M- U& u. y( Q+ o0 _5 L         }& G& W" I, i$ N7 {7 U. p# L4 q! C
      }5 o3 P. {9 J  }7 F: E% _" R* I% P8 V
   if (xDir == "right") {) P9 Y) q& f; M9 e5 J
      xPos = xPos + BallSpeed;
& P9 w7 d& c( ?, E! j      }
" n8 |: s3 Q5 K7 w& A0 `0 j- |1 H   else if (xDir == "left") {$ o& X9 w: k) V
      xPos = xPos - BallSpeed;. m1 |8 d* U7 Z' k# ~' n
      }1 `9 g" _) v5 Q# D
   else {
5 Y, c7 t! Z  ]      xPos = xPos;
2 H3 M3 ?! l  ?% n9 K      }% c/ b% l7 U; ^. ]5 R; o; U$ ^; l" D
   if (yDir == "down") {: `' l) T0 X$ V# t9 W7 X8 d9 h
      yPos = yPos + BallSpeed;
" @# m# G7 z; d' x      }- P. U6 X4 m, p4 @/ }" w
   else if (yDir == "up") {
( \+ {4 s/ ^+ G( D      yPos = yPos - BallSpeed;
, x7 x' t' o, d" }; W" h2 U- f      }3 \3 o. v+ d/ ?% s9 T8 p& z: Q
   else {' ~- N  D6 \" q
      yPos = yPos;
1 ~. q2 y1 O2 f6 I% j& b3 G+ k+ c6 p      }
( v3 H+ j: [1 u) {- l- d/ ]* j   }$ }5 ~' j: T, f& [# ~  B/ P' ~! U

; k; e" t* r" a2 ufunction hidetext(){
+ h; T, Y( ^& M6 G0 r6 z2 sif (document.all)2 v+ H) `) J  V
supertext.style.visibility="hidden"
8 z  ~# ]$ r# h! Ielse if (document.layers)7 D; R) z' Q$ T+ L# a' ^
document.supertext.visibility="hide"8 h7 S2 n" f# B" p+ u5 ^
clearTimeout(animatetext)0 {3 V/ B- E" {8 I
}
) z4 t/ y9 a$ Y% r9 u/ \. K
8 L1 w8 F8 O' xif (document.all||document.layers){' }; x  O" N9 F- L/ j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); x3 @! F% I2 k/ G1 o) i
window.onload = initializeBall;
0 Y9 X3 r' u' C5 n' Y+ u! g$ r  @window.onresize = new Function("window.location.reload()");
# `, e9 o9 y, I8 o) y, A}
: S) J) Z2 `) u) l$ ?% Y1 r6 f% I8 g
</script>

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