返回列表 发帖

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

<style type="text/css">
% x% S) y3 j# }% F) X$ I#supertext {% ~( C* x9 ^$ Z  M6 E  i- W
position:absolute;; C" N$ M8 T: x5 d  B
left:0;, x/ ^( Q4 {. z( \% H7 M3 ^
top:0;1 }& A  D( Z5 n+ R1 ?& Q; B
visibility:hide;
" v# ?1 s! r: K$ h: ovisibility:hidden;
! \# @- H# i5 L# I}
; E6 W1 D4 W' Z: M: u* ]9 r</style>" P  M% }  \$ T8 G. P; e! H- X' a
<script language="JavaScript1.2">
3 @" }" E- c. X% M) l7 a<!-- 改变下的字体的大小。颜色--># H  T* L9 N, d/ o8 |' S5 T2 m$ p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; b& D$ K1 E2 A; D$ X9 W" Ivar hidetimer='';
; U0 N6 y# E% K: ]6 e<!-- 改变下的弹跳速度-->/ G4 @: @7 ~: x1 `& C8 Y0 y/ q8 E" {6 a
var BallSpeed = 20;
! I7 w5 ~! t8 _3 ?, \var contentWidth;& z) s  u, s4 F; ?$ |" N. X9 O9 v
var contentHeight;& E' w' S* W/ s
var maxBallSpeed = 50;) V  A  W; ^  z. s1 n5 j& q

( ~6 c7 k" ]+ r. o2 j
# V1 F( P7 u) b9 Rvar xMax;
& L! ]3 i% l) s# Pvar yMax;
7 y# @: E" h& O" G; }$ Q, Mvar xPos = 0;
, V% j' s- M% `* y$ `( vvar yPos = 0;
# C$ I* R. c& ^var xDir = 'right';
9 I+ q- O; C- b* s- S) C) |& Vvar yDir = 'down';
9 ?+ ?8 ^/ j' V* @8 L6 M! _, J9 Y9 pvar superballRunning = true;" ?+ R( I4 m( }4 B
var tempBallSpeed;% i* _3 \5 v& R# l
var currentBallSrc;
! W8 _4 j2 R9 nvar newXDir;
5 g; C4 c7 W0 z/ {var newYDir;# ]# Y  [4 H0 W& u- G
9 f9 n8 |% Y( S+ c/ A3 ^
function initializeBall() {/ c' t- \: z! S% Q( T
   if (document.all) {
- X; |! s/ q3 B' t& \  s      xMax = document.body.clientWidth
* {5 R) A1 Z4 j( t& z  D8 ^1 [, p      yMax = document.body.clientHeight1 w+ V) @9 a8 I: h
      document.all("supertext").style.visibility = "visible";
9 A8 |" C! _; W1 a      contentWidth=supertext.offsetWidth
/ u- d( ~* |8 i* Z) Z' h7 s      contentHeight=supertext.offsetHeight
, b# n. J/ ^( ?9 G' W8 q2 z      }
3 N4 O! Q& F& G   else if (document.layers) {0 w: ~7 Y1 y' k; y0 i$ ]
      xMax = window.innerWidth;
3 J2 n+ o: v0 `2 t9 Y) I, x      yMax = window.innerHeight;
5 [# |6 E3 Q8 p# X5 X# C      contentWidth=document.supertext.document.width5 h. {/ u" g" N0 J7 S
      contentHeight=document.supertext.document.height
; J6 l, U8 a# T( L      document.layers["supertext"].visibility = "show";
6 C2 `& c6 y! N' p% v. r      }
/ w0 l9 ?) V5 d   setTimeout('moveBall()',400);7 [, D3 F8 x  U9 ^- Y
   if (hidetimer!='')
7 L7 R- ^) {0 A5 U- {0 e  n   setTimeout("hidetext()",hidetimer)& H/ o( Y3 {. t% q$ k
   }
$ b4 G2 x" f3 i( ~& X: ~1 e) R5 ~  n8 Y5 J& q
function moveBall() {
2 U1 l4 `' d9 i2 q4 j   if (superballRunning == true) {1 o. G! h1 W* J& r& m* F# |9 W
      calculatePosition();( j$ p  R# v" b- l
      if (document.all) {7 b: U* [# y9 G& v8 h7 c! B* G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 ?. y( r% O- m" }) [) [! o  a
         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 j9 p; V1 S, V4 e         }: r+ ^; a4 |7 e. I+ O* o1 c* _! P: d  f
      else if (document.layers) {
0 j9 U- L5 |0 P0 q         document.layers["supertext"].left = xPos + pageXOffset;
9 W6 o8 e' G5 g1 u. Y3 e" O. j/ K         document.layers["supertext"].top = yPos + pageYOffset;
/ H% |& g% y; j7 G3 G         }1 L4 d  x( r/ U7 Q1 B3 ?# z
      animatetext=setTimeout('moveBall()',20);/ I6 s  F  w; g' d/ n  }- D6 A8 l
      }8 c9 D( z, v" X! k, U+ `
   }
1 ]$ T; x; L& m- H' b4 e0 g+ T$ }
function calculatePosition() {
% C3 i3 A( ]& z  P( F5 d  C) [; H   if (xDir == "right") {
3 P, v% p) n6 F! i1 m" _* D      if (xPos > (xMax - contentWidth - BallSpeed)) {4 G5 T  H9 ^8 z7 ]" h' m. g
         xDir = "left";2 y' G* _1 l* I9 q/ r) l4 T+ Z
         }$ }0 G1 q: F! k3 [' o  }* L) m
      }
* ~5 S) t, z5 I' `6 ^  Y  s: o5 l   else if (xDir == "left") {) P: {% U$ e! r$ [5 Q( ~5 F0 M% d
      if (xPos < (0 + BallSpeed)) {
% c5 W! I7 i9 J- S1 D$ r: h         xDir = "right";
3 Q: R' x7 W: j/ N6 T& r3 `         }
  L2 \" i  l9 D0 o" b      }. s5 w3 N0 o+ z$ ?" W
   if (yDir == "down") {2 R2 F( z# m  ^3 w
      if (yPos > (yMax - contentHeight - BallSpeed)) {, N% I- L$ L* D' D1 k
         yDir = "up";" ^( F5 P) H, }. i) D/ c5 \  F
         }" o6 _1 T% a- D3 @! ~
      }) R6 g: j3 W% ?3 r. X, j
   else if (yDir == "up") {
6 S( p; }: q0 U  m5 K0 d$ g" o      if (yPos < (0 + BallSpeed)) {5 }* }4 _' m# C. F
         yDir = "down";
3 p# G: X  u' F; o5 ~, W, U         }
  a$ w( A; |+ ]2 h$ B( Y' m      }1 y7 L; q6 X  l  [
   if (xDir == "right") {7 s! J% k% h1 x8 F
      xPos = xPos + BallSpeed;, H( v7 L! F1 R( L9 I
      }- D) d+ B' C" {) x
   else if (xDir == "left") {. ~2 d0 }7 R. b4 R+ J" c2 t
      xPos = xPos - BallSpeed;
2 ~5 h6 t% J8 A" I9 @      }) t* I0 U8 L( e2 d) d
   else {& y- ~" L' B7 g& i. Z
      xPos = xPos;8 i& n9 Y. B) a& q3 r* L
      }0 r; B* {% U7 P! p
   if (yDir == "down") {4 c% p) }0 G% q# i4 w) }3 l
      yPos = yPos + BallSpeed;& m* j) M" v6 _* L9 z
      }
; P# f3 y. T; C0 p. b! F4 s, |   else if (yDir == "up") {* B, P- i: |  m/ }
      yPos = yPos - BallSpeed;
& o2 P3 ~. m- Z) }: q      }1 q1 m6 g6 M  q" J1 M& K
   else {' a" U' m0 s/ b  p4 r' d8 k  U3 b
      yPos = yPos;
* r0 `+ V* v, c. U' ^      }
8 O/ \( B. W2 G/ |2 @) [   }: a! f& }& @, r# n' ~$ Q# b# P
1 u; l# M& [% e! f; i' f
function hidetext(){0 @) O5 {6 s- \; o+ d' F
if (document.all)
, v. S" N/ m% Y4 v) u8 msupertext.style.visibility="hidden"1 E2 o: L+ a) D
else if (document.layers)2 |; B& y( v& o0 Z
document.supertext.visibility="hide"
7 k! T5 ~2 R7 K* ]clearTimeout(animatetext)
; o' ?. ?2 t& Y  v}0 ~0 O0 [2 Z& J( ]7 g4 k3 Q

# ?! x' Q3 ?3 Z, bif (document.all||document.layers){' C% L0 M" m; s! ^1 z; `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( r- k$ h2 R7 u# S+ o5 R
window.onload = initializeBall;
& Z/ V; S& V* _' ~window.onresize = new Function("window.location.reload()");1 u7 D  c; A9 W
}- R# d# x' f1 t- h' @

( L  ~4 `8 H$ S$ H</script>

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