返回列表 发帖

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

<style type="text/css">
$ J0 n' p/ ^  T. W' U. c8 r, B#supertext {
& W: b" X1 f7 \8 q: c- o/ R+ {position:absolute;
4 H  {1 N8 a3 h7 u& t5 \left:0;, m# u/ A1 r( d+ j* n
top:0;
( c4 M0 D6 T2 h- l' L( |3 A6 ^visibility:hide;# g7 b, ?. z. b6 F1 a
visibility:hidden;) H# G- E( @/ u0 V
}
* ]- z- o' q0 V6 o7 Z</style>: M& U' F: B8 I' m4 P- P* i& [- [
<script language="JavaScript1.2">7 f% k3 ]/ |. h% B" h1 T
<!-- 改变下的字体的大小。颜色-->$ f( d# W5 d* F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- A4 M1 u# O3 M9 ^* f% Vvar hidetimer='';% I- S7 y% M$ B  W7 j. I( r" |& G
<!-- 改变下的弹跳速度-->9 s1 G% D* @+ W+ ]9 R
var BallSpeed = 20;- V( n7 }; u4 D6 E  F3 E
var contentWidth;; f' P, S9 F" W4 ^% x% P8 ]5 i, x
var contentHeight;
' r1 ?9 w2 ]! e3 j( Gvar maxBallSpeed = 50;- x; X" c7 c, \" o5 J; ]' t
& ^! V. l" `% m
+ H" q9 Y1 f" E4 y  S; s$ R
var xMax;# W. P) q' I; `4 {2 s
var yMax;6 b$ ]' x5 H# h& ^1 ]) v
var xPos = 0;- ^/ V) R& {4 x# v8 |) s
var yPos = 0;
9 |2 C8 r2 U+ @- u; [7 hvar xDir = 'right';
% P& u" @# T( }' _* F; y+ k! g6 evar yDir = 'down';) ?% P1 a7 s8 W; J* C3 B0 k+ q
var superballRunning = true;4 R5 l0 e4 P( P6 y
var tempBallSpeed;% f% p3 O" H  f% s7 u& E  ]0 n, a
var currentBallSrc;* z* X! W' z; p4 N+ ?6 p
var newXDir;
9 i6 K( r1 d& O! r# ovar newYDir;
9 D, ^) E) w) y- Z% m# ]' v, j, `5 K/ D+ u8 m! u6 }
function initializeBall() {
! F; V% l/ `% E   if (document.all) {- o. O- E1 I7 w: Z) q
      xMax = document.body.clientWidth
+ ?: V8 u- z3 a1 q1 X) A3 ]) S. D" Q      yMax = document.body.clientHeight+ V, |- @! g: q
      document.all("supertext").style.visibility = "visible";
' O0 u/ Z) [" J2 r7 B      contentWidth=supertext.offsetWidth
/ }5 f! s& v3 f8 S+ H8 {      contentHeight=supertext.offsetHeight
! U4 m, |8 J! i7 y' B1 B      }" S; T/ K7 P9 d2 t
   else if (document.layers) {) t1 A% \6 A( n. Q  I4 X
      xMax = window.innerWidth;
& t7 v& M. O1 @' H7 S6 }, q      yMax = window.innerHeight;  v# W3 ~$ ?+ s
      contentWidth=document.supertext.document.width7 u! T7 _' e) x! o& u
      contentHeight=document.supertext.document.height
5 {- P3 u- _, Y- N      document.layers["supertext"].visibility = "show";
9 a6 m' f0 D$ u2 j      }
, k! V. K0 Y% A6 j5 c# O9 B: }   setTimeout('moveBall()',400);
; b3 S+ k$ c3 l: X   if (hidetimer!='')
5 u! Z1 Z/ T  _) ?; a* o   setTimeout("hidetext()",hidetimer)1 C" {2 ~) E6 E2 O$ T5 C# A
   }5 y) m% v% L$ h  J: m0 x

, @: f5 u/ c' _& W4 ?function moveBall() {4 U( B! d% o% j. R4 p) q. ]0 ~
   if (superballRunning == true) {
( P0 Z, F0 m7 F7 Q3 l8 K, n      calculatePosition();
& M' @' \+ N4 N      if (document.all) {
( i0 J3 c% ~& a         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 d5 f6 _! {, |+ J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( ]. z" C: }1 F2 ]( F2 @         }4 P+ Q% r0 M) q, D* J, z
      else if (document.layers) {; E6 s  |& X+ D9 W
         document.layers["supertext"].left = xPos + pageXOffset;
3 ~, x; u3 |* P# @7 y         document.layers["supertext"].top = yPos + pageYOffset;
9 y9 X, ]: a! l4 Q         }
, q5 K1 Z: G# j& \" p      animatetext=setTimeout('moveBall()',20);
  m; h! ^; F. P6 Q; b: s      }
& x9 _4 q9 s3 V9 x: n) M  S- s+ d   }
0 Z4 Y  W$ J6 w9 U: d$ V- G1 C! X2 z8 T
function calculatePosition() {0 V( W! z. k1 I/ [, U7 p1 |
   if (xDir == "right") {6 E  w" t& K2 F9 G  H3 d
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% z% Y% [1 a' x( w1 @, ~. ]         xDir = "left";# c: _; d" M. k/ ?
         }3 ~" R+ |' H) |/ r
      }& @8 ^- b1 c' X' i8 Y
   else if (xDir == "left") {" o' {# Z' t9 `7 ?! E3 U" q/ g+ B
      if (xPos < (0 + BallSpeed)) {
7 D9 x5 n% K# H9 n2 P         xDir = "right";
8 P) o  P6 R% I8 E- S6 F         }
% v9 H8 h6 \# b, f$ }      }9 I8 _7 }5 F( `! `
   if (yDir == "down") {) ?2 ^( K& N; t) t
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 `# ]( g3 v5 W$ K( ?# M
         yDir = "up";2 s: c/ T( ?" @
         }
  M! O% k8 K) w9 w& I6 p/ P. N      }
- p! l* L; E+ n2 W+ x   else if (yDir == "up") {
2 [8 V5 V- S( U# z      if (yPos < (0 + BallSpeed)) {( \; b8 Y6 r3 W1 d
         yDir = "down";- D) ]/ b$ B% U% i' `5 v: ~
         }
1 D( f- [0 C" K8 N4 ]' O$ d& b      }# C- }5 B8 ~" }: V9 @
   if (xDir == "right") {) ?( R, O# U/ g. J/ z5 b
      xPos = xPos + BallSpeed;% ^, i! D2 r) x/ M. r4 F+ ?
      }7 {7 c2 J7 P! k: l, h' \
   else if (xDir == "left") {3 B4 {7 {8 N% W; K0 s2 {5 [
      xPos = xPos - BallSpeed;
* H% G5 d0 V8 F4 K& d$ }+ ~9 ~      }" ?; l2 @0 [5 J6 E
   else {( h% ~" [' a; D/ f
      xPos = xPos;$ E' [  }' [+ m- ^" o* X- C3 @
      }/ g% c7 \3 W0 y" O
   if (yDir == "down") {
- E' p/ ^  V& o* D" w      yPos = yPos + BallSpeed;. O4 r7 H9 b6 V2 C
      }. }7 m1 b% h* e& G, I& t+ v) |
   else if (yDir == "up") {" T5 o; d; h8 N" f. q7 ?
      yPos = yPos - BallSpeed;  l+ K* Z# s6 t* g- J0 S$ R( [
      }
5 z& C- a  J( ~# F& S: K+ `' |7 ~   else {
! O. m6 L; f# K, A" c$ _      yPos = yPos;
) N; P6 |0 q) A1 v/ @4 q      }
/ |( N# \% z, T" b   }& f; Z9 ], i; y  }9 ~
$ w. _, u; q: _8 e( P) [2 C
function hidetext(){. L" ?% j5 T, T7 z5 R
if (document.all)/ R4 q1 B8 c# v9 P) m# n7 D% B2 {
supertext.style.visibility="hidden"
, j- q$ ~$ D# \else if (document.layers)0 ?* h" o3 \6 m9 @& l+ W3 u* c
document.supertext.visibility="hide"2 R5 E- A) X" P! \+ y$ H3 D+ r5 Y( W
clearTimeout(animatetext)
+ i2 p2 }1 j+ B6 C: {* h  o}! v+ w# g8 i% Y- @# P
0 V! B% G; B4 Q7 m" {
if (document.all||document.layers){
( B1 ^% Z3 Z4 B- H4 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 S- s( F3 T% qwindow.onload = initializeBall;7 _$ b5 Q8 ^6 U
window.onresize = new Function("window.location.reload()");
' [' ?- }2 p0 e: p4 ?}1 f2 K8 |3 z; G0 u0 n; e3 c' v

! P4 K' v4 s* \/ z# i$ ?+ }1 M</script>

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