返回列表 发帖

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

<style type="text/css">
4 Z/ v0 _2 y2 B2 H& h. k#supertext {; {) K6 r6 |1 z+ C9 f
position:absolute;
8 ~1 P) c" z8 Sleft:0;2 r( e7 ?; z8 `" j
top:0;
" U- ?0 e) R3 _  A! {2 M# I" jvisibility:hide;
/ i# f' D4 n: k. _, Z. v! s( Jvisibility:hidden;4 U( @- A: Y1 a2 o. Z
}5 ]$ J5 Y! L: P8 }5 z; w
</style>
0 E' h0 L, f& k% R% |) y0 i<script language="JavaScript1.2">! }- u8 n/ E& A$ x. O
<!-- 改变下的字体的大小。颜色-->8 ^7 T! C5 \8 H% A* ?: V
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* ~: y9 h2 r& x& m( Y- Qvar hidetimer='';. u9 v1 G, q6 m
<!-- 改变下的弹跳速度-->
7 W, m/ m+ ~8 T0 f- e' fvar BallSpeed = 20;
2 A0 U! v2 m) G9 w* ]var contentWidth;
8 q6 H4 v: l! H; K5 M  Jvar contentHeight;0 ?4 m7 I7 x4 }9 ]
var maxBallSpeed = 50;
: ?0 l7 l2 c0 c* }1 [2 a
0 C- q; x) V7 M- A/ ?. @; l8 H( L- i. g( \! Q7 k& t* u
var xMax;8 _! Q! H. v, Q  }0 {+ `6 G) B0 a
var yMax;- d2 Z1 t# J  }0 @7 z% U
var xPos = 0;9 Q) D; q( V8 h3 N
var yPos = 0;  p' B8 [6 ?. o$ o
var xDir = 'right';0 u6 v% D; z* T8 d
var yDir = 'down';7 t7 G0 h- ~5 V1 t3 w
var superballRunning = true;
( C) I+ f6 g, y- @9 _3 O; o# Wvar tempBallSpeed;
+ s# m5 q; C- D& nvar currentBallSrc;' G" {' e$ e/ b" b
var newXDir;$ q. R' v# G! T
var newYDir;
9 {7 a1 b( x2 @* Q
# \% r! V+ g+ `/ N7 ffunction initializeBall() {
! A6 H) M- u; J0 o" R; ]   if (document.all) {
7 v* |) |* C" j# W$ H4 }      xMax = document.body.clientWidth
# T: |) z! _: U" @6 d      yMax = document.body.clientHeight2 C; q1 K+ e- l! [$ X- |8 Y+ T
      document.all("supertext").style.visibility = "visible";2 r: i2 \# V( `2 e! c
      contentWidth=supertext.offsetWidth
* I! V% @7 r" `# m5 C      contentHeight=supertext.offsetHeight8 f3 V, T/ d1 k+ h: u
      }
3 P$ F' p& m' R( o1 M8 h   else if (document.layers) {7 _/ k7 K* N. i/ r
      xMax = window.innerWidth;
# J" L& N& @. s  a3 ?( j      yMax = window.innerHeight;* A6 s4 `+ e! g- i
      contentWidth=document.supertext.document.width( G4 n4 q# `5 o! ^6 _8 }! R, v/ }
      contentHeight=document.supertext.document.height- h- u& s/ T( Q6 x- A" i3 j
      document.layers["supertext"].visibility = "show";7 \1 q' T* Z1 N
      }& E; @* U( a) k* f8 |: N
   setTimeout('moveBall()',400);
  f2 r2 c. |8 Z" U* g   if (hidetimer!='')* Q, K- R, A" |9 q, F
   setTimeout("hidetext()",hidetimer)
: t* P8 j4 h9 @% `- U   }' j( D. i7 B: Z( ~0 R, g' I, F' n

. P$ e; ^/ Z/ r4 [$ B2 s2 Afunction moveBall() {
+ J4 H6 B) H' Y- R% l   if (superballRunning == true) {
1 P6 j5 I! Q/ f- z4 R4 W$ H      calculatePosition();
6 x' E: v* @/ w5 \2 q      if (document.all) {7 `, N! _- N9 y6 L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 A$ x- Z' \! G
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 m7 }# f% a; B+ Q) W$ D
         }
/ _. V  E- l  {% T+ K$ ]1 {      else if (document.layers) {
: H5 _' O& J. ]- a2 V: N         document.layers["supertext"].left = xPos + pageXOffset;
0 O+ w6 F6 N- u+ ~9 e3 m3 A         document.layers["supertext"].top = yPos + pageYOffset;
. |' V4 k/ t9 C( |) i' ?         }' x; W- h" H* e8 A3 Q
      animatetext=setTimeout('moveBall()',20);
2 `8 o' ~( J5 f9 j$ q      }6 M1 Y, Q* A# ]) S5 m
   }9 L, K3 y* A, L8 e2 [% k9 ^& R

4 v9 J' y+ b& M6 e& ^* Zfunction calculatePosition() {
/ ~$ [/ N; `7 h* O; P! y   if (xDir == "right") {
# c* n, s0 M' L# [& @      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ q0 V& W& b9 e9 {         xDir = "left";
' b3 @+ s- e/ a         }
# Y0 M6 W" ^# j9 ^5 n" J  m- W* z      }7 j) b; L/ R9 q: W+ b7 M
   else if (xDir == "left") {/ `% D- c! Y% e: z: z8 Q# Z8 `
      if (xPos < (0 + BallSpeed)) {
6 k) P9 Z$ T/ c         xDir = "right";& y) P9 X& @5 S! t7 [2 v$ m& B
         }& Q, P" O; E1 m  }
      }
. O/ D- `4 i5 ]: ~- ^   if (yDir == "down") {
! T& R+ l# P' K      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 o9 F" p) R, Y0 g/ F# f! W7 A3 u         yDir = "up";
( E& u  }7 d' C  O* K9 n5 \         }1 V; t, g0 D2 o/ T! S" `' p, S7 f
      }
; c$ T4 Q3 B  D. G   else if (yDir == "up") {3 z' Y+ M; `$ K
      if (yPos < (0 + BallSpeed)) {& m  s' T. S" j- C3 `
         yDir = "down";& o* i- k6 S& {) [2 J( u
         }. Y9 Q) f* {& b1 }; _& e* O
      }/ Y6 T) c" \3 Z% {2 C" Z2 ^
   if (xDir == "right") {  Q4 |1 l$ b  m9 v( t% _: y$ Q2 n6 ?
      xPos = xPos + BallSpeed;
6 h; ?+ o# z3 F: E- M6 v: p; |      }' k% S  [) Y! M0 T# }# z5 [
   else if (xDir == "left") {0 H! _( ~$ I) `1 q4 ~% P$ `
      xPos = xPos - BallSpeed;6 Z0 V" p4 E$ E+ a# T
      }
& H9 |0 A8 u9 }/ [; X3 E0 q5 ~! A8 A   else {3 j% L3 J7 W  |
      xPos = xPos;# B4 m+ d+ N- G1 X* L/ A. A
      }# d$ C  `) o" i" |' P
   if (yDir == "down") {- ^! G. _3 ^1 z1 H+ n: x: B
      yPos = yPos + BallSpeed;4 v0 v9 b5 k' c/ f
      }
6 Q) h* D, O/ [' R6 T6 Y6 @   else if (yDir == "up") {( `1 r" C# X2 [& z, O% F
      yPos = yPos - BallSpeed;) s% Q/ F! }9 ~. h$ p
      }
, D4 h7 D) D4 z: y; t+ N2 b   else {
% Z+ `% T7 l7 _6 \: D  l0 e      yPos = yPos;! {9 j) i1 k* Y) @/ t' O
      }) g/ A5 p1 i1 L) z* d
   }4 r; r5 ^+ _) P4 }; H# W; ]  a& y

: c6 s, g" X* Z# S4 ?function hidetext(){( l8 l; X. i* m
if (document.all)
/ k" l  O" R9 n* W$ zsupertext.style.visibility="hidden"
. k$ t4 R, s+ M! I: v! Z+ celse if (document.layers)* D+ f+ z" t' w9 ~0 V6 \
document.supertext.visibility="hide"5 M0 B% m4 V: t
clearTimeout(animatetext)
; C( u* x, w1 X/ k! h! B/ ^* \}
9 T, Q, j4 u+ `  T1 [& v0 K, r) o* I
if (document.all||document.layers){5 D' Z7 o/ i- h0 H6 y6 p+ I, U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). T% q1 S; Y5 F4 H* J; T
window.onload = initializeBall;
4 G3 j$ Q/ s$ ~- p: Mwindow.onresize = new Function("window.location.reload()");
; N( H. ^* N" a0 ?4 p}
$ F# P; E# `% G
( r, N0 I$ Q# P& i. [- \</script>

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