返回列表 发帖

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

<style type="text/css">
0 {/ g/ p- x) s# i8 J. R4 Y  O#supertext {
* H5 ~0 J( \) I% s$ W" a- Sposition:absolute;
* g: g- o& e: l2 E; _8 i" Lleft:0;1 K0 l" F5 c4 v& b6 V* ]
top:0;7 B, ]3 O8 o" i, L# Z$ D
visibility:hide;
  w9 P. G0 L4 G/ Z8 n' avisibility:hidden;
7 u% d# g! }& M; {2 _6 K}
) v& w. D* Q) L2 ~1 J</style>) x; Z# F: M5 H8 @1 i
<script language="JavaScript1.2">
" J: m: p, }. w0 Y- j) I<!-- 改变下的字体的大小。颜色-->
+ e' X' U# Z' Q4 @& ]  Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% }6 J0 y1 n: P1 h3 W, ]
var hidetimer='';7 G! y* _+ S* q% Y' A6 N+ k
<!-- 改变下的弹跳速度-->1 ^9 M1 p1 R4 @2 e% H
var BallSpeed = 20;7 [- q- z, k2 T3 D
var contentWidth;% X9 [  P/ ]. O3 m) ^
var contentHeight;
% A5 Z, i, `7 B+ q9 b6 Cvar maxBallSpeed = 50;, _! h% o# y3 ^
: u& T# j) j' f+ t' m0 d

4 Q3 a6 R3 `! L- W' j8 W1 Y0 dvar xMax;
1 f; [  O  N$ m; Nvar yMax;! d+ t: M# T0 a$ s
var xPos = 0;+ P5 ^! v( _2 v% K
var yPos = 0;
( E% w8 O# D+ m+ bvar xDir = 'right';9 G6 u' r2 P  i
var yDir = 'down';
% F. j9 s% F4 [( Q/ i5 ivar superballRunning = true;5 w! f( N. J6 j% R
var tempBallSpeed;# p/ w* P- h' ?- r2 }
var currentBallSrc;: z+ Y  H, I/ ]' N& u( \
var newXDir;! B0 k# ?$ {6 j6 d9 q4 W
var newYDir;
- m4 c$ S. b0 i; R/ h, K$ q" @+ S/ W. w$ z0 I0 u/ v
function initializeBall() {+ m; D! I3 p) q# C7 B
   if (document.all) {2 m6 }( |9 K) B
      xMax = document.body.clientWidth
( l. k# ]: E3 B' G. F: }) w9 }, r" [& R      yMax = document.body.clientHeight
8 w' N) F1 A$ y& L+ R. F+ X* F      document.all("supertext").style.visibility = "visible";6 u' h" r. K" U" l
      contentWidth=supertext.offsetWidth
8 |! J& z) Q& @2 k8 w      contentHeight=supertext.offsetHeight, k; e+ z8 U% F7 O: J2 |
      }
* t* u" k8 J. b( N" A( w   else if (document.layers) {
- s* c' c5 t+ K& N( S- r* f* Z5 D3 w$ ~      xMax = window.innerWidth;
/ ?3 J+ x/ s- }! i      yMax = window.innerHeight;
# r7 Y, G6 n4 Y4 o  _7 i      contentWidth=document.supertext.document.width# O/ J2 g# F# T9 v; O5 f3 q
      contentHeight=document.supertext.document.height
8 w0 u2 h- P7 h  a+ w. V* N      document.layers["supertext"].visibility = "show";, N/ R/ P! `0 U' s' V; H
      }
1 u* T! Z# G$ t2 |; m   setTimeout('moveBall()',400);
$ g% b' R+ u' S- p4 W; R4 D   if (hidetimer!=''), v  c/ ]& x2 i  Y
   setTimeout("hidetext()",hidetimer)/ \4 ?/ Q$ g4 l6 ?5 p
   }: p5 p% N) s( y9 m7 d: k1 L6 L; E
1 ?* p9 m% p7 P& E( H6 g
function moveBall() {
4 R, x' d  d% v. @+ P( l- ^# i/ Y   if (superballRunning == true) {
/ m# \: P! x0 \      calculatePosition();
& v, L( {: [9 p* g3 v* o      if (document.all) {
  m: ]- W6 {9 B2 f( i         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 T: O8 M; ~6 \7 F( y/ {
         document.all("supertext").style.top = yPos + document.body.scrollTop;
* Z6 C% r7 w' ~- [& A. {         }; N6 P5 i8 h& [" n/ N
      else if (document.layers) {3 V3 U1 k; Y1 T2 f! D/ p
         document.layers["supertext"].left = xPos + pageXOffset;! x' _6 V$ P# l/ @# F/ v
         document.layers["supertext"].top = yPos + pageYOffset;& m& E7 s" B. w4 i3 m! E8 q4 `: s
         }% q! a9 ^' `/ X1 `
      animatetext=setTimeout('moveBall()',20);: G$ `( c. Z( b9 u8 k( |% P
      }9 W$ y2 u) ?3 X- e" c) D; h8 j. c
   }* t* a$ b; [$ e6 h8 U
* Z' u5 C/ t( f' @' w) t  i
function calculatePosition() {
' R( q9 Z/ F$ @$ t3 u2 O+ I   if (xDir == "right") {
+ ^) F4 G$ O( X3 g, v0 Z  H' F& O3 n  q      if (xPos > (xMax - contentWidth - BallSpeed)) {! F* T4 {* f" R1 b& u. {6 _4 H
         xDir = "left";
7 Y# n) v- d5 d         }
, |; B0 R" ?7 r$ {6 I, @      }8 b- Q0 @( B; q; P: s6 r1 A
   else if (xDir == "left") {% [) T- \5 d+ l) X. `
      if (xPos < (0 + BallSpeed)) {* J8 t/ h" T, V3 \7 R  r- b5 ]- a
         xDir = "right";# R* l8 U1 @2 h. c9 b
         }
1 o2 R" N+ O+ F* M, v      }) _9 P0 f& G, |- K& v3 m& O. z
   if (yDir == "down") {
) [: _5 p; s0 i& K2 F( q      if (yPos > (yMax - contentHeight - BallSpeed)) {7 A  X) X5 k7 u8 p7 G
         yDir = "up";
& M' T# P+ n0 ?' a/ L         }2 x1 M! x+ e7 v5 ]
      }1 z3 [) V: `0 g9 h& I5 y2 w
   else if (yDir == "up") {
+ n  E7 L7 `0 u* |" g: i( k4 y      if (yPos < (0 + BallSpeed)) {
" n4 h* S/ Z$ a2 ?2 `2 ^         yDir = "down";9 ^6 R0 Z+ }1 I# O
         }9 C+ J* C9 y: ^& P
      }
0 \6 m. _2 M) E9 n   if (xDir == "right") {' H7 I5 V; w+ U- H
      xPos = xPos + BallSpeed;- z8 t: X5 f, P/ l$ w( d
      }
) r" V; V$ C% [5 m, i' I$ T; }' s   else if (xDir == "left") {
7 E3 N/ s- W; `% a+ x) q% d      xPos = xPos - BallSpeed;# Y; Q  y5 c: D4 q+ j5 m
      }! z8 @9 [' O+ F) J$ u4 [! q
   else {
$ |& B, r1 x2 h$ L      xPos = xPos;
: @. `, b  G: A& z+ O+ @9 @6 k; c      }2 i/ Q* w2 g, I! |4 k- m
   if (yDir == "down") {
9 k6 a2 l( H  O      yPos = yPos + BallSpeed;
# @) u+ k6 F% u      }
- O$ d! P4 @* R! v   else if (yDir == "up") {
* b3 S! t' ]& ?) E" h8 ~! Z      yPos = yPos - BallSpeed;1 \, ]/ @$ p" ]# g
      }  y0 }6 }6 f6 x
   else {
3 }" c- C3 o! Q3 K* N, s0 v      yPos = yPos;
: _9 k: W2 e$ ~) A' D7 H, R      }1 L* `, a4 B: I  Y% }) x  Z; u1 j
   }
7 [& {$ o% o3 p! @8 n6 F3 T$ l, p8 T
function hidetext(){
% @5 |3 ^  C' V8 Sif (document.all)7 b, ~/ Q) P0 p! p
supertext.style.visibility="hidden"& X8 n' ~6 X% p9 f% V* K" \( q* s7 E" f
else if (document.layers)
/ |0 q1 r% G/ g* j0 s# Fdocument.supertext.visibility="hide"9 Z# J$ g4 ?9 s7 c% V) V
clearTimeout(animatetext)$ u; M+ e4 a, h8 r$ @5 {
}; B* e4 S7 N3 P# v, T: n- g) G
1 V& q' n  I: v3 ^+ F) l4 b: o
if (document.all||document.layers){
; o- M1 V! S4 mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ t' v1 W; Z) u# g6 j+ R
window.onload = initializeBall;
+ S1 X4 n* |0 `" @window.onresize = new Function("window.location.reload()");1 f) q; }: M5 }4 J0 e; Y/ b
}  R! W3 ?% s2 y; Q. k. [

/ v! }7 G8 ]0 M, j: b</script>

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