Board logo

标题: 网页之不断弹射的文字-特效 [打印本页]

作者: zw2004    时间: 2008-1-21 20:55     标题: 网页之不断弹射的文字-特效

<style type="text/css">
& c4 k3 A  _0 |#supertext {1 y. C3 Z# e0 R: |' H
position:absolute;
! T* J3 u- d9 zleft:0;) W- b- r# E' n5 g; Z
top:0;: K9 p2 F0 @! m3 \6 `" o; m! |7 J
visibility:hide;
* K$ w: |4 z9 kvisibility:hidden;
0 N( ^: v4 m5 I& O# U( _, M: H) v}
! D1 l% ]: a+ O</style>
6 Q4 ~2 @9 D9 S( o) P" k<script language="JavaScript1.2">0 u/ t7 F# e) _+ D! ^1 u
<!-- 改变下的字体的大小。颜色-->0 ^3 S8 s5 X! X) e; n2 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' U( z: \& C5 B% b  m" R4 Dvar hidetimer='';
0 |" P. _! ?+ \<!-- 改变下的弹跳速度-->/ F0 y( O- Z5 R6 V9 w
var BallSpeed = 20;' _6 Y+ v) X1 P  }6 [* }
var contentWidth;" @* p7 S9 [5 {1 N/ ?1 V
var contentHeight;
1 P, F1 x6 F7 Evar maxBallSpeed = 50;
$ A$ t% O: W0 x( O- G! e) V5 _% C- o6 }' T* M  X6 P# _

9 z; ?/ m( g5 P8 ivar xMax;2 |6 w4 m% {9 @, K0 K
var yMax;5 W! F' |% o4 ?" G
var xPos = 0;1 f  u$ i( \4 Q, Z, [5 _
var yPos = 0;$ Z; @9 ~8 H- u2 g6 Q3 p
var xDir = 'right';
% n  v* q; A& _) Z% `var yDir = 'down';1 e- m) f" i+ E* X, z' V' S
var superballRunning = true;
# \: l5 D' s6 H, `" q% L# W" uvar tempBallSpeed;0 G7 Y  l1 ^2 V2 x$ g/ F
var currentBallSrc;
6 c. L6 f7 [' I/ f0 |+ D8 r, B2 |var newXDir;
2 v4 X) t$ M0 j$ nvar newYDir;# o6 r9 T+ I* p9 z6 Y9 {8 m9 ?
+ v( T- n# Y6 p5 C% J" W
function initializeBall() {; B% P* Y6 d4 {
   if (document.all) {
! T5 I( c3 s: q5 _; D$ V      xMax = document.body.clientWidth7 n2 m/ d* V2 q+ U7 i
      yMax = document.body.clientHeight
+ |0 }5 K' |4 `0 K" H$ `! E      document.all("supertext").style.visibility = "visible";3 R7 Z7 b7 a" X( f; A
      contentWidth=supertext.offsetWidth0 S/ C: ^& c6 y; L3 Z) s' j1 u
      contentHeight=supertext.offsetHeight
: h8 @$ u" a8 `0 K9 d5 w      }
; y0 f; S6 |4 W: J   else if (document.layers) {/ V4 h1 \( K+ C/ Z# q! `
      xMax = window.innerWidth;1 C, i- T4 T1 _  q9 Q1 J( `0 y
      yMax = window.innerHeight;
; _+ t' O; @- t: ~      contentWidth=document.supertext.document.width/ y2 x' L0 w: ^1 J# l
      contentHeight=document.supertext.document.height  a6 l6 Q" l! L* b
      document.layers["supertext"].visibility = "show";
  H9 ?- C) G2 {      }
$ U: X$ L- B3 k9 A" m# C5 z( `   setTimeout('moveBall()',400);
! Z0 z0 e! |/ ~% l( P   if (hidetimer!='')
# l- |( `# H0 B. c3 `3 R* w   setTimeout("hidetext()",hidetimer)
4 x3 o* k) X4 y) X   }
! o( E# Z2 j% Z" Y( ~' g* n" Z8 _7 Z
function moveBall() {
5 l- L0 p8 A0 Q2 {$ C, q6 ]   if (superballRunning == true) {( s, N# Q+ X+ A
      calculatePosition();; Z7 w! D: Y& s% q& D- T
      if (document.all) {
& E: |) v* g9 B) J- i- b         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ k' Z. j0 E) j. a- `         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ H1 {. c( ?7 m" J; A9 ]4 I% w6 t7 P         }2 g2 ^" k, W; ?7 s' e0 c
      else if (document.layers) {
4 A, P, r. F, M& Z% m" N% j         document.layers["supertext"].left = xPos + pageXOffset;! W3 a+ Q: B7 X+ Z( V
         document.layers["supertext"].top = yPos + pageYOffset;
  S: N. o+ q. I' v; t- ^         }
( e4 }& G+ I/ O( x      animatetext=setTimeout('moveBall()',20);
) Y% v% W9 ?: z9 s8 J- U3 ~      }, h! i0 z0 h/ r7 `4 t
   }; {# A6 T& V; U, l" b8 o

, }. t* x8 J; j" u& _0 sfunction calculatePosition() {
: N2 ]8 X/ L" m% K9 R" G6 b   if (xDir == "right") {
/ R3 M! c' t0 i0 J      if (xPos > (xMax - contentWidth - BallSpeed)) {
; D( r$ ]; R4 |. ~8 [9 h         xDir = "left";" I9 T- f% O% C2 t& S/ c
         }
7 D" _0 Z1 b) W* H5 E8 i7 H      }, H- E) ^1 M' V1 p$ I- N
   else if (xDir == "left") {
5 a! S0 f" f' l% p4 I$ k: R7 l$ \      if (xPos < (0 + BallSpeed)) {7 M# p. a2 a# }, \8 x7 E9 W7 t
         xDir = "right";6 \6 B% Z; N2 i1 z$ D. G' X
         }6 B7 {8 W3 v3 {# v% E3 ^8 f/ h
      }
8 F  n' n% o9 q/ g( ~   if (yDir == "down") {- R" @0 M7 q( T6 g0 I+ c7 c
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 L9 P5 O2 a1 a( B
         yDir = "up";+ h% N: t$ R6 H) S: N6 a
         }: O- c, L, Q- S. O
      }
( X: @: w" V# |" H: S  ]   else if (yDir == "up") {2 o. V/ M9 @2 b) u* \( v
      if (yPos < (0 + BallSpeed)) {: z% h5 `9 }: e" X& w2 Z
         yDir = "down";- G5 l3 Y* }! |) v. K7 H
         }! s. J! F$ o7 x$ |
      }
. a& ]; g0 w  m9 Q; }) N   if (xDir == "right") {1 B7 J$ ^+ y3 l
      xPos = xPos + BallSpeed;
+ J: d! j% n- L# h4 j      }# P3 a8 r0 d8 b6 T' u) |- U( R
   else if (xDir == "left") {4 F9 k8 |& C2 e5 q
      xPos = xPos - BallSpeed;
9 s# {5 M' ^8 [' _      }) D  l) p+ s# \% `: p, z# e
   else {
: n! e. @. f! N2 e5 q6 k      xPos = xPos;
, L# J7 M; F! L      }
7 s. F! h0 Q) o0 |& Q) `9 K   if (yDir == "down") {* z, H) h& k, R; }: k
      yPos = yPos + BallSpeed;
  W* h% f' E! W# Q4 ?4 a: m- ~      }
" E: V, |9 B8 s. y  g8 d   else if (yDir == "up") {1 J: W9 p/ F0 ]
      yPos = yPos - BallSpeed;
7 l0 I2 i: M, R; X      }6 s% c1 [0 J& T4 i0 y
   else {, u- C: h. w9 W* S1 I' T. R$ w8 U
      yPos = yPos;
9 B3 n- ^, T0 J9 x' {9 r2 }      }1 e- l6 w. @1 J% p0 W. S
   }
4 g3 F8 N& F; O4 V4 R% y  ^" X8 i3 H9 m; i4 u) N
function hidetext(){
; F6 ~, \$ W  H  `8 ?, vif (document.all)/ j  {$ r! ?: m1 G0 D  A: ^
supertext.style.visibility="hidden"
* w7 u! E/ ~! }" s; Y* ~6 Z% k% N9 melse if (document.layers)
" p# o7 n% K& e: @- ^document.supertext.visibility="hide"
. U/ r' M. y) V- lclearTimeout(animatetext)
1 }$ O# r7 y: [0 R* `+ G  a) N0 o/ _}7 c8 X0 l  S/ V& ^- m# i' i) e7 p  V' C
% y1 b6 U  s3 z3 A
if (document.all||document.layers){
8 _4 A2 m0 |6 _7 Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 U! d( ]5 H( D( k9 y! _
window.onload = initializeBall;3 H3 C  u! b2 J% Q+ K# S7 I
window.onresize = new Function("window.location.reload()");
/ _% s" \: H/ Q; N2 V9 a7 x}
  E. g; n7 j$ P6 c; B6 C
9 x: y, `+ o5 H" }4 V( @' d3 z6 i</script>




欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2