返回列表 发帖

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

<style type="text/css">
* k# G6 Q/ v% ~5 }+ u5 \$ ?6 B#supertext {
4 h' A% u( ]; d9 B- Tposition:absolute;
7 X# D5 }- w, K+ c0 \- yleft:0;& I7 C. B0 M4 O" i+ G" W! C9 g/ \" C
top:0;
3 S. f( c# K2 K$ {1 Q- I0 }. K: [visibility:hide;; e2 |* D0 Q/ M
visibility:hidden;
+ a6 T4 O7 K5 c; D9 l4 [6 d( t}
* x( S  j2 Q) g</style>
" d$ P. E% ?7 {<script language="JavaScript1.2">* `+ p: G1 t& e+ y( I5 b
<!-- 改变下的字体的大小。颜色-->8 `% G1 l3 T: R2 y, [# w) Q7 Y$ z' {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; _$ {1 f% v1 |4 w8 X. kvar hidetimer='';
, t6 n4 [( {" X* _8 q* F; {+ \5 f2 B  ?- L<!-- 改变下的弹跳速度-->3 v$ _+ \% K! f$ p7 J* c6 J
var BallSpeed = 20;! E1 v$ Z5 t9 \' u2 ~
var contentWidth;
6 k* f7 `5 h- q6 B0 Ovar contentHeight;
8 g% d" N# l) E1 i8 t2 Jvar maxBallSpeed = 50;
$ _6 J1 {6 Z9 B2 n/ ?6 S  n: S2 E4 m# C9 M% y" y

6 c. }" n/ U/ Tvar xMax;* S6 z& ^. p7 a( e  Y; c& ~3 b/ }* _
var yMax;) I8 _$ P. }' d4 z- E4 D: L
var xPos = 0;
$ V2 o  f9 P3 M' y; X0 V' lvar yPos = 0;' }- F/ e/ X; _' b7 ]+ L
var xDir = 'right';
+ G! }9 S: w# }/ _/ f$ i+ ]var yDir = 'down';
5 {, p, s% t1 {9 R0 Cvar superballRunning = true;. }( V, \0 q1 x5 z3 `
var tempBallSpeed;0 e3 N1 \/ D' [& g) F' e) g
var currentBallSrc;
" O4 q9 H3 t$ `7 _9 v1 q* u5 dvar newXDir;" r/ N% L5 v) Z8 V7 t# o
var newYDir;* V! [8 k$ Z. u' @: V

  P5 M! _) V7 Y5 ?function initializeBall() {
$ g! ?6 u2 d( Q5 P! C8 Q   if (document.all) {
- K% d2 I, L( a' p1 L+ x" r      xMax = document.body.clientWidth
; g- n. H# X8 o8 {1 M3 c6 P      yMax = document.body.clientHeight
) l/ G2 i" }) z6 Z      document.all("supertext").style.visibility = "visible";- f; Q$ A2 s- q+ w9 T* _3 V
      contentWidth=supertext.offsetWidth
  x) v5 T) A' h: |5 y      contentHeight=supertext.offsetHeight
  V; d4 v/ Y* T+ D/ {      }. b' G# }. W& Q! f: ~; h
   else if (document.layers) {
* V! z! o5 Q8 p7 w) J) O0 ~# T      xMax = window.innerWidth;
' [- v% A& {  m6 q+ \      yMax = window.innerHeight;! f& d4 V- A* E. k
      contentWidth=document.supertext.document.width/ \* [0 a+ W- o3 d) u% j  Z
      contentHeight=document.supertext.document.height
5 X+ d1 R- l+ {( z3 u      document.layers["supertext"].visibility = "show";
( @7 N/ |0 C% n2 V* H  n9 ~      }. w7 u+ }5 Y8 B5 e/ u6 e! s& D2 y
   setTimeout('moveBall()',400);
; x# n% w1 G- `   if (hidetimer!='')
4 A& y& d! A6 g* x' y   setTimeout("hidetext()",hidetimer)
# m0 V) W* f$ ?% F+ e   }2 O2 W' p6 B7 O6 y1 j, R0 h

- u& X; A3 s7 {* m# q' ^: Jfunction moveBall() {, |5 Z# v! \* h6 U
   if (superballRunning == true) {7 ~8 q# v  ~8 S5 C* [; ]" L
      calculatePosition();! `, M9 J" V% w! V8 S, x
      if (document.all) {
9 L0 U5 T  s! \         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ a/ S3 [0 r8 ]- ?
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' [6 S" O5 ~6 \1 X: w1 \. ]* f1 g         }4 z* n" Q$ ]" f3 c
      else if (document.layers) {7 Z) [4 G! [0 J
         document.layers["supertext"].left = xPos + pageXOffset;
+ ]" W5 a8 D, j" w& m         document.layers["supertext"].top = yPos + pageYOffset;+ K2 K, r0 Q7 [1 F7 J
         }/ v  O/ N; k% ^; n
      animatetext=setTimeout('moveBall()',20);
7 Z1 C8 B* M+ o4 A( O; d9 B      }
8 ?& z/ W" I% P7 `$ _   }
+ f5 L" z% r' f% n9 d  ~  g; j: D1 \: s$ X( v9 c
function calculatePosition() {( @: V/ B: W0 }+ m
   if (xDir == "right") {
9 Q& x% W4 Y/ e7 ?      if (xPos > (xMax - contentWidth - BallSpeed)) {
, E+ |' @) T" m0 `: Y3 o& W0 |         xDir = "left";
( d7 u: M* `, U3 M1 [8 U: l0 R( w         }
. f. e% O3 q# `/ I8 X2 \      }
5 y! B* j- c- ^( ]   else if (xDir == "left") {
* e5 [  P# ?2 u) b+ X4 ^* K7 E8 @      if (xPos < (0 + BallSpeed)) {
% r1 D9 o* @; r) g: W         xDir = "right";
4 Y7 T  d. K# D" k# ^' }0 i         }
2 |1 j2 h6 O' P- d; v, u      }
: A/ J# Y( ?: P" s+ r2 D0 {; b   if (yDir == "down") {
+ W8 e) c$ }/ B' D1 O      if (yPos > (yMax - contentHeight - BallSpeed)) {9 W# Q# p6 k7 j& F" Q0 L
         yDir = "up";
; Y* i; C+ d+ X- G$ ^         }
6 W. }$ C  i# T! _      }& I+ s+ R, U7 |( F- D9 ^
   else if (yDir == "up") {& t- b, e2 G, q4 g2 B) ]
      if (yPos < (0 + BallSpeed)) {- R) G0 s8 c/ f
         yDir = "down";" x+ w6 L0 |. C" {; l' l! j
         }- L1 I2 m  i1 R$ y
      }
: o7 w: X4 f7 G- p5 G: B   if (xDir == "right") {- M2 m: G- S2 }
      xPos = xPos + BallSpeed;
2 q) [' O9 y0 G% T) H& ^      }5 |+ q2 _* |* M$ y" t$ _/ s" C
   else if (xDir == "left") {
  e" l' a8 R7 y# a0 o      xPos = xPos - BallSpeed;9 M2 S, ]# a. q: F
      }/ `# N, Y1 n1 x% m: e+ _
   else {7 E+ _  r6 M: Y) N1 @
      xPos = xPos;
+ u  Z0 n+ q" k5 B( u, L2 Y1 I# }      }% s+ G( H+ n  w+ g+ G
   if (yDir == "down") {* O  V3 z8 y" Z* C  V7 A+ j# X
      yPos = yPos + BallSpeed;( \5 v! ]3 S/ F
      }
; i0 V6 G: b& J  L7 M4 _   else if (yDir == "up") {
' \3 O  s/ Q2 q" U. \      yPos = yPos - BallSpeed;
% I. i: _/ o' N* ~; j- D6 M; R7 o      }
: b4 s! I  ]3 S$ S  p- O   else {
1 @  N" T& L5 u! }      yPos = yPos;
) G* c7 H: U( M, [+ J6 a3 I      }5 w+ Z% ?- N2 A# m# B
   }5 f% N" {# J# g% i/ H; f! P' O& A$ s
+ n; a2 M1 G; L
function hidetext(){# J; W% B7 x2 w/ G
if (document.all)
$ V) t3 W' O& ^* dsupertext.style.visibility="hidden") E0 }- J2 F; D
else if (document.layers)$ }2 d$ x% N' U* S' Y; n
document.supertext.visibility="hide"% E2 n+ F& p- `$ R0 ?
clearTimeout(animatetext)
5 ~- \5 e5 F5 F% r; z}
: p1 E& |0 ]0 L1 @
& S  G5 Q. ~- m! u5 {if (document.all||document.layers){
; I: j" `6 @7 `  O5 mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 {1 [: ^3 j  n2 k* C
window.onload = initializeBall;
' ~' U" X! _- E$ I! rwindow.onresize = new Function("window.location.reload()");; O. G1 u% ?  e% e
}
' B0 i6 G  V$ ^' }" ~7 P
+ K$ P$ G7 h/ m% M</script>

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