返回列表 发帖

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

<style type="text/css">
$ s' W+ w" s0 ~#supertext {9 ]0 A0 t( }( c/ d: n' ?5 w
position:absolute;; h: F& s: i1 Y* Z8 e$ |& o
left:0;
' V6 x' d* b0 {2 z- o3 dtop:0;2 J# Y" M7 @# r/ d- a7 O
visibility:hide;
% p( I, g5 ^& o" s: D  A% Svisibility:hidden;
8 f  `' c' g! t  p}. @  |, \; U7 n. L! g' {
</style>
+ }: Q* P. q4 b  m$ U<script language="JavaScript1.2">
, f4 K! w7 d; y% ~. }<!-- 改变下的字体的大小。颜色-->
' J' b  `4 v0 h* ?var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* c  o" a& H. }& W; ?* gvar hidetimer='';
! y& I3 S6 h: }; S$ |! X! g<!-- 改变下的弹跳速度-->
* q: |# K" P* P3 y1 t. }/ L3 gvar BallSpeed = 20;
' w; {0 ?% j- }" j6 xvar contentWidth;
5 v! y; T) d3 u' n: ]5 c( Rvar contentHeight;
2 U% i, ^  Z; C! x9 ?) vvar maxBallSpeed = 50;* w/ Y8 n( q- Q4 {$ I

0 O4 k/ f' b4 P4 i) X% |
0 m# a2 ]6 J3 Z! k7 H  {var xMax;! u/ \3 ^( t' g7 I2 n
var yMax;' g7 [3 X  f  p" c& [: T. x+ U2 A
var xPos = 0;+ P. n- Y: ?# M% f
var yPos = 0;
- @7 k& v( F7 T! i+ ~& V2 gvar xDir = 'right';! Z6 ]/ o; E# y' E% q# M
var yDir = 'down';! z$ e( L, H+ n4 x7 E
var superballRunning = true;. P) O  {; D" B9 H0 x
var tempBallSpeed;
* [& ]" R* h+ u: ?/ B6 G$ ]) M) rvar currentBallSrc;
( k$ i" v! M. m+ E0 I" Avar newXDir;
6 r* i3 c  P* a; lvar newYDir;
" A9 W$ W7 F! j9 Q" P5 n, K0 ~4 p$ L; p2 ]
function initializeBall() {
1 q5 _' I0 y5 Y8 B6 \+ U   if (document.all) {, l5 }! H; t$ y- J  i) n3 Y
      xMax = document.body.clientWidth) c/ i- \, U' R
      yMax = document.body.clientHeight
# M8 T8 P2 a" }$ x. o; D- l" x      document.all("supertext").style.visibility = "visible";
% ]" w' i& d* v3 @0 ~. g      contentWidth=supertext.offsetWidth4 y6 r, W$ d" j2 s2 o8 L, g
      contentHeight=supertext.offsetHeight
" |* Q; L! h3 e  d, e. |2 o2 W      }1 f& E, g+ [1 J$ b& T; ]3 M" t- S/ y
   else if (document.layers) {/ D, ?3 Q& N. B. @% l% X. L
      xMax = window.innerWidth;
' z3 b* p4 s# h6 U/ J- A& ^+ R( U# v      yMax = window.innerHeight;1 z' r3 _; o" B+ X
      contentWidth=document.supertext.document.width6 w6 l# I: t2 R
      contentHeight=document.supertext.document.height, ~$ j2 D& A2 W) m' v" Q0 F
      document.layers["supertext"].visibility = "show";
/ {$ w4 q4 u$ P6 }0 a& g: f: ^  d      }
% Z6 e/ ~' }( m1 B   setTimeout('moveBall()',400);/ Q! c% a# S  L% K+ w0 `. a0 X0 i
   if (hidetimer!=''); q) q- C& ]$ d# M& C  ?1 O+ T' Y
   setTimeout("hidetext()",hidetimer)% N# a2 V* d3 `3 \
   }
0 X! o0 m  ]1 n8 [+ t0 e# M$ h/ W: K4 B, G0 }7 u+ c; y
function moveBall() {- a# `$ ^9 i: ?1 |" ^
   if (superballRunning == true) {
( ~9 o( P# c7 M      calculatePosition();$ E7 a3 A/ E% c) S" n
      if (document.all) {& \9 Q. H: J, p. b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: I% J' m( p% ?0 ?4 t         document.all("supertext").style.top = yPos + document.body.scrollTop;* Q% O0 Q( D0 b# S5 \; _& x& b
         }
( h1 v( |* Y6 j2 {1 H% A      else if (document.layers) {/ W3 x9 U; B* R, l
         document.layers["supertext"].left = xPos + pageXOffset;
! E  H3 W6 Q& E         document.layers["supertext"].top = yPos + pageYOffset;$ |# K$ Z$ Q% H5 R2 N6 q1 c
         }. V0 V! l: @$ r% k6 @) _
      animatetext=setTimeout('moveBall()',20);
0 W/ q8 v' @$ o. q1 ]7 E, h. x      }/ h- ]* s8 l3 A
   }
" X+ J& O, b' r$ T$ {) L- k& R9 Y: [
function calculatePosition() {
" E0 K& w; D0 u  r% Q8 d* a   if (xDir == "right") {" [/ X) r9 T* a: |6 m% T
      if (xPos > (xMax - contentWidth - BallSpeed)) {: Y7 c/ Y5 D6 j( w* K  U
         xDir = "left";
2 |( t$ {1 T. `         }- C  h2 R8 `7 i- a
      }3 v; c8 [* h, F* h. d7 r* v1 d5 H
   else if (xDir == "left") {
( F, h  ~  ]+ P& O      if (xPos < (0 + BallSpeed)) {
2 Q# }1 k( C# F, P6 B+ C         xDir = "right";- F5 r& X, J5 {, L) ~, W- ?. e/ L0 I
         }
- Z" V! G' Z! ^      }( D- A" v# f4 R
   if (yDir == "down") {
" N4 ]( F) j' |- e6 Y5 R9 G: S0 ~2 J      if (yPos > (yMax - contentHeight - BallSpeed)) {
( y- g2 G) U  J  S; _         yDir = "up";
- Z9 c6 q3 z* k2 }3 l# |) T         }
4 P/ S4 Y: ?% H      }
; A0 `, p8 P# Y, i5 X7 q   else if (yDir == "up") {
% N5 X$ g5 X7 X      if (yPos < (0 + BallSpeed)) {! T. `0 h% I( c/ \( {0 c! @
         yDir = "down";
, Z: x; V1 Y2 {/ G         }
" d# b8 |: H- E7 o( c      }
3 ]% N4 C2 G* N   if (xDir == "right") {
8 R/ x) g: m' J" t% h: D      xPos = xPos + BallSpeed;
7 t/ y! s$ o2 Z: c$ `1 ^5 |      }: C  I4 R; V0 c9 k0 ]/ v( m
   else if (xDir == "left") {; C5 X$ [* {3 L- Q7 F
      xPos = xPos - BallSpeed;
! T# X  Y6 {& C( Z8 [0 |      }- h  z0 }+ [7 `2 O) N
   else {& d7 Z4 ^! q5 t& r
      xPos = xPos;
) W6 w. z" t% d# R  X5 Q) s      }/ J4 q; f. x; u
   if (yDir == "down") {
2 D) O6 p! J3 _* ]" z      yPos = yPos + BallSpeed;
7 Z2 X! Z7 k0 v/ z" _8 d      }0 ^/ h" s6 `! w9 L1 |" ~" q& P
   else if (yDir == "up") {; N0 U# m9 f% h* q- g
      yPos = yPos - BallSpeed;* [! k* Q" E& H
      }3 n1 q$ `! P: u' ]6 h/ N! T1 z: d  V
   else {2 Y: ~$ U- K/ b& V& [* K  o
      yPos = yPos;& a" H2 s( x1 b! N4 }6 b; {0 t1 [
      }" w! P: s. x) n2 Y
   }% Y5 P& x' r* w% u
+ X, r( w1 D& c! K8 A
function hidetext(){1 m3 b5 ?1 d$ X' L
if (document.all), {# T, @7 [7 v4 b2 A& G
supertext.style.visibility="hidden"$ i- q  o' x# j
else if (document.layers): l. K. K1 P* V5 X
document.supertext.visibility="hide"
6 N7 c. c+ p/ C6 U" g0 OclearTimeout(animatetext)2 x( J& V) I( B7 L& h; {9 e" k* I
}* N- p% h# U  z4 F
9 f  m, Z5 [' [+ V6 T' Z5 f2 G
if (document.all||document.layers){
5 D: p# v- O8 s+ s% I5 ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& |* U$ }% j9 ^' z( d% O
window.onload = initializeBall;3 K2 U7 I0 X) E* U
window.onresize = new Function("window.location.reload()");
0 I( d& y- v2 ^}
- b) G; I; O! a
5 K+ @$ t% X1 ~+ |- E</script>

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