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

---

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

<style type="text/css">
) O& q1 ]/ p* E. R# a#supertext {- }9 R# h; \2 f
position:absolute;
* F4 v: W3 \$ a" Q# {0 P: Bleft:0;
9 b5 {( v% V: ?2 Ctop:0;; L' e! e4 l; J  i0 c5 F8 J
visibility:hide;: q& b& c) k) f- S/ f* x5 O
visibility:hidden;2 T, `$ g1 I$ c) Q5 v& W! g3 v0 s; z
}  a0 L  E$ z3 r1 p1 R8 Y
</style>2 B' [- X8 C: m
<script language="JavaScript1.2">* ]' L1 u% A& ^4 @$ @5 d
<!-- 改变下的字体的大小。颜色-->/ t( N8 m7 C) L7 n2 I/ r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 ?, O2 q9 K( a, p3 w% P; S% ]! ?var hidetimer='';8 @8 x% g1 W: j) n# `8 d! r
<!-- 改变下的弹跳速度-->; ^" C8 R4 g! f- O& m+ k, E* [
var BallSpeed = 20;
+ Z1 |& \, J( T2 M. v. r* s  Yvar contentWidth;
$ f/ t; e, h: ]& m' \var contentHeight;
3 O6 z5 m2 K  ~9 D" Zvar maxBallSpeed = 50;
! W, Y- Y2 \6 h1 h1 |
( l# `; V8 M: @  J& S
5 _8 X- X* _% q+ M+ d% |var xMax;7 ^& c1 o. h. t- _9 d
var yMax;# k) [) d8 K4 m0 M" B# b2 v' R
var xPos = 0;9 x7 I. w2 a6 R5 c5 y% m+ S
var yPos = 0;) J8 x% X3 H0 g) m( X
var xDir = 'right';
7 j& W& \$ ~. g  }/ Q: nvar yDir = 'down';
% C$ Q% Q! x; v$ ]var superballRunning = true;
1 M! J9 U+ F: U8 Q) n" gvar tempBallSpeed;
7 o  S4 A% P$ @: _" h( P$ cvar currentBallSrc;
0 s- n2 w* L4 D% pvar newXDir;% D: @- L4 ?2 H8 h
var newYDir;
1 D6 [+ I5 |- D8 |# f4 K2 Q
. G( ?* a* Z1 y) h. a' ]4 jfunction initializeBall() {
1 M( C7 O' d/ E   if (document.all) {! t9 F2 u4 e7 R3 b
      xMax = document.body.clientWidth
# d- t' J' M% R1 y& W/ E      yMax = document.body.clientHeight
1 M/ @/ y9 ~( M& }1 ]      document.all("supertext").style.visibility = "visible";2 S/ H8 O; E/ ?1 H
      contentWidth=supertext.offsetWidth; D- g0 T2 a- j  ~( U. T% ~
      contentHeight=supertext.offsetHeight
7 z* @& K! h; a, h3 \8 z  S) i- D" \      }
6 n$ E! L! Q3 @: U# j. R   else if (document.layers) {  ?" l$ z! J9 A, o$ n
      xMax = window.innerWidth;6 c  |% ^" S6 ^8 t* B" |" w
      yMax = window.innerHeight;/ X  I  c2 R: S1 c. o/ `$ ^
      contentWidth=document.supertext.document.width7 t2 C( k% t) S  t/ J. o
      contentHeight=document.supertext.document.height
/ r+ x4 k  J: _7 R, G      document.layers["supertext"].visibility = "show";% |9 }, L$ b/ A! s. ?3 m9 x) j' m# N; i
      }& o& \/ [: q: b9 r2 c/ ^
   setTimeout('moveBall()',400);/ |& L0 c6 n4 a2 r
   if (hidetimer!='')
7 s  l3 Z8 h2 d   setTimeout("hidetext()",hidetimer)
$ _# u+ S  r- V4 Z+ w! r. ^% D! B   }
' H) H& B4 L, F) E. C% ?* i! ]7 v& s! i! o+ `7 y, L$ [
function moveBall() {# p8 q' M! q! g" q; d; l+ _4 `  Z) |
   if (superballRunning == true) {
1 [; U$ r9 Z, n- q: l( p+ `; T* G  r      calculatePosition();
: c* g; P( N3 ~; ]# p      if (document.all) {
2 M( F* ^2 h% r         document.all("supertext").style.left = xPos + document.body.scrollLeft;: W( o7 ]' l- |0 _1 C" U4 ~
         document.all("supertext").style.top = yPos + document.body.scrollTop;
* ?; n7 W1 ^& p! b( w; `8 @. O         }
: z; P0 \0 m( ^5 Z* g& R) e      else if (document.layers) {
, T9 z. l9 ]  b& c$ y( N& D         document.layers["supertext"].left = xPos + pageXOffset;+ O: E1 R$ N7 m* y- ^: B0 F  [
         document.layers["supertext"].top = yPos + pageYOffset;1 `9 b. h- R$ _6 A$ R9 B
         }
" W6 k4 n' ]; L' `% M$ n( W  l      animatetext=setTimeout('moveBall()',20);$ _5 a. g: K- t9 R, F+ g
      }- J; U/ K  c( V& M* s
   }
/ e+ E" \$ U. S" f0 L5 R5 m" S; j7 K# W9 g: o- c5 ]2 ^
function calculatePosition() {
/ S& a" k. `/ h3 |) D" R+ F   if (xDir == "right") {
' A% C) r) P5 V4 c3 o1 ^      if (xPos > (xMax - contentWidth - BallSpeed)) {  B+ |5 R8 Y2 y# R+ p2 C
         xDir = "left";
) O4 r6 @2 r9 y/ P: U0 z         }2 ?8 q! Q7 \' x3 g9 C
      }
8 B" o4 A* p  _; A, Q' h. ?   else if (xDir == "left") {
8 c, q- ?7 c" ]      if (xPos < (0 + BallSpeed)) {  c+ L2 y* x: p2 R
         xDir = "right";
5 x& x  u5 p8 |         }, ~5 `- q, d% _4 Q( Z
      }
$ q6 G6 {/ F0 c2 d. d3 i! B9 ]4 x   if (yDir == "down") {9 k9 s' U5 A! w
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; y# A, c5 ~. e; f         yDir = "up";
3 H; }  c( C' g4 A         }# W9 y# ]8 t, r" L8 t2 t
      }
0 r' Q9 `+ v) e  V4 x  `* v9 x3 U3 M   else if (yDir == "up") {) }& F1 n  D/ O8 ]
      if (yPos < (0 + BallSpeed)) {' n: Z; f6 n6 z' T( t8 I" \
         yDir = "down";& Q, W$ _# L7 z5 \' y( d
         }5 t7 Y$ d4 g: g
      }0 Y3 t1 }4 Y* r& K+ s+ t
   if (xDir == "right") {* \2 k  A& N" H- G$ H+ n
      xPos = xPos + BallSpeed;3 ]! G, I" A8 B- q2 D+ Q0 w
      }- ?- h' w9 _9 E3 k5 N
   else if (xDir == "left") {
2 Z, m) ~' ]3 x( z6 h      xPos = xPos - BallSpeed;# N& B  v( ^' l4 n
      }
6 z& v6 l% ~: B8 T2 y/ ]7 Y5 k   else {
: P: N; k7 x/ q      xPos = xPos;" ]3 J. h: K5 D+ O
      }
) ^- l9 {5 K6 b# E6 Z. f8 D- i   if (yDir == "down") {" E$ ^* j! G  D: @; J
      yPos = yPos + BallSpeed;
6 ~4 _* V/ M) C( J# G( B      }
9 R/ S. A6 n) J: S   else if (yDir == "up") {; J1 c) _& O. Y  ]& {
      yPos = yPos - BallSpeed;9 t% U+ M; i/ c5 s' l% c6 b, I
      }
. R; \7 b7 J4 G   else {
# I0 A2 ?5 K$ o. @  g4 x      yPos = yPos;
% Y9 G: O- |. z7 W5 A7 ]      }. c  T/ d' R2 W1 q' S- _) A
   }
% T; g/ k) R6 x- a% I! c  M: q
# D9 J% v7 ]/ I  l8 ^8 \+ D. Bfunction hidetext(){
4 J# l- D6 o% J3 `1 f3 f" g3 B4 Oif (document.all)
$ _- G2 O# S* o* g9 B8 _supertext.style.visibility="hidden"
& V8 w1 ?4 G9 A7 i+ helse if (document.layers)6 A, ^* p' v( B% @
document.supertext.visibility="hide"( M% Y* }6 g/ O8 ?$ K; _8 b2 F0 P: s# C
clearTimeout(animatetext)
% @! Q, W5 |. }$ w: S! q}
, A; w' j5 _7 U( B
+ [( Z( [- H3 i8 K/ b1 h- k! O8 y* sif (document.all||document.layers){- e- W; X  M2 T: Y# m4 c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 L9 b5 e, g$ T2 g
window.onload = initializeBall;1 X( c1 e" ]: b; P4 p$ b  Y
window.onresize = new Function("window.location.reload()");0 D5 R9 d  w5 h/ u
}
8 S1 |+ M) u  z. U. i' f) j
' J4 H& _+ R3 n0 M/ P& K</script>

---

欢迎光临 捌玖网络工作室 (http://89w.org/)

Powered by Discuz! 7.2