返回列表 发帖

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

<style type="text/css">. J; A2 }9 N; S5 y- T- G
#supertext {
$ K( @3 Z: x0 V9 ~% Hposition:absolute;6 U# q6 Q8 x) B! ?
left:0;, W' G$ I- a% O, o
top:0;
4 Y. e4 p2 M0 o( u3 C8 a( i7 Lvisibility:hide;7 F- i6 W* e" Z3 W7 h# G. b
visibility:hidden;- v) |+ t! |/ M* V7 c& M) D# ~
}0 F& y. D) w' s3 u! ?
</style>- f* i& `( Z! l/ [5 P3 Z1 H
<script language="JavaScript1.2">
: v( b( L; v: M+ M9 O3 }+ I2 \<!-- 改变下的字体的大小。颜色-->7 S: Q8 |! o+ w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. d, B  w: ]9 K0 i; y- E; e
var hidetimer='';( n$ r% j4 D$ x- G- S
<!-- 改变下的弹跳速度--># e3 U2 g' b1 Z, P- g" H5 C2 p4 U
var BallSpeed = 20;
. r% i; x" n# |var contentWidth;
) @" S( z% s7 k0 A5 n- Ivar contentHeight;, S( Z+ A/ `3 N( \" o: Y
var maxBallSpeed = 50;. N8 x+ m+ Z1 a; G. i, s
3 L% K4 J2 y' s" R  U2 T) y

4 s" _  d; L6 p" G* _7 P" Z' X4 Dvar xMax;
- e& d+ ?1 h$ A, j8 H7 B! zvar yMax;- Q! Y; \% \1 n. \5 X$ |
var xPos = 0;
4 x3 K6 y% h8 J! z- ~! D+ q" }var yPos = 0;* h$ y4 G# |: F/ g: f' U
var xDir = 'right';+ b# V% p6 P& J
var yDir = 'down';9 h3 K1 A1 @7 R* k+ p) W* P1 @5 L
var superballRunning = true;
3 E/ _. b' k2 c5 D% Tvar tempBallSpeed;, Q  ?4 X$ t0 L# v" T
var currentBallSrc;
. O  R" F! e8 b8 u! j8 ovar newXDir;$ ]! {7 K& C+ y4 K3 W7 z6 y
var newYDir;
3 E* j  i2 x$ J) A: m
; M/ Y; y/ D& ?% L* Pfunction initializeBall() {# f% i9 T% M- `' ~: \
   if (document.all) {$ A5 o$ C" x( l2 u. Q; l: y1 I
      xMax = document.body.clientWidth
! N5 R4 L  w( d/ X' E) G      yMax = document.body.clientHeight# a6 S  q& @2 e- k' h2 b7 i2 J
      document.all("supertext").style.visibility = "visible";
  o- w9 [+ B! s& F( G4 K      contentWidth=supertext.offsetWidth2 W0 @1 \! N; l! Q* ?
      contentHeight=supertext.offsetHeight
( e/ v, O$ w' N2 q4 c      }' N! V: f/ N0 K2 B3 S* G- |
   else if (document.layers) {
" y& K# k! l" J, h3 n      xMax = window.innerWidth;
% v1 H* g3 c4 O) }1 B# e      yMax = window.innerHeight;3 J$ C! @8 W; `' p& P. _1 y
      contentWidth=document.supertext.document.width
7 a2 d" g/ h; @1 r      contentHeight=document.supertext.document.height
% |2 V! ]' T3 u% t5 q7 d* d; \3 I2 X% C      document.layers["supertext"].visibility = "show";
7 K+ w# B5 K4 U% ^2 h. n( p0 s      }
# {1 M) G' C$ Q& P- A   setTimeout('moveBall()',400);* F( d8 Z1 a1 T5 ]4 Q+ A
   if (hidetimer!='')0 a" s: Z; L: d& J- ~! n4 _
   setTimeout("hidetext()",hidetimer)% R/ _/ i. ?; u! H- }+ J  v0 ^1 R
   }6 _& S$ G+ G; D8 F
1 N" A- f2 a; _+ V! H$ @
function moveBall() {  A# K. |: f" n2 P8 A3 r. [
   if (superballRunning == true) {6 _5 c  G, o; P! Z; E9 s( G
      calculatePosition();
% L3 t5 [+ i( P* ~+ F      if (document.all) {1 o" F& D" N  T2 |- f5 r5 A8 f; F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) [) T6 E* D. l) l2 g5 P7 Y+ o2 c( z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. U( @: u3 u% V( Y         }
; I8 N1 V7 E; Q% q% ]/ R8 n      else if (document.layers) {! n/ i- C; |) U8 r) n( P. t
         document.layers["supertext"].left = xPos + pageXOffset;
- }" l$ ?  E# Y4 A3 F         document.layers["supertext"].top = yPos + pageYOffset;# K4 A" L* l9 Q: }- Q# B
         }2 S& O7 i- o2 x6 X5 [4 V  y
      animatetext=setTimeout('moveBall()',20);& r. K8 B. d& {  f9 b+ z  R
      }5 `0 ?# C# f# ]) S& \4 u: g3 W: B" o$ R
   }9 r4 o- V( N3 j' x, U# c7 y/ ?

# s2 k( @& D& F+ a' Mfunction calculatePosition() {
) r- j1 g) m- K9 t( ^   if (xDir == "right") {
1 v3 E5 Q! v2 U+ K% B/ Y( h) _- D      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 x' _8 T4 B$ F# B+ A& [         xDir = "left";# D9 h2 q6 W; H+ ~9 n3 e
         }
7 i7 Z2 d% y* {" M8 l! Q4 {4 t      }( `1 w! I  K# y8 x7 {& T
   else if (xDir == "left") {2 N* Z9 O1 A/ K9 M$ v! {! b
      if (xPos < (0 + BallSpeed)) {8 g- h! X0 q! T! }
         xDir = "right";$ M8 e. p3 z( [0 p( P
         }
7 k+ Q* E4 Q- |* g2 O      }0 X# l1 R) y2 ]3 ]. |6 Y2 a5 ?
   if (yDir == "down") {8 m) T& `- P! Z& ~% e7 I, m
      if (yPos > (yMax - contentHeight - BallSpeed)) {; N/ h  g" y1 c% R) E8 k. g: e
         yDir = "up";# N' W+ D/ ~, b. K8 m
         }9 Q# s6 ]% L6 w, P8 ^
      }+ x4 d9 v; s1 }5 J+ O
   else if (yDir == "up") {
, Z- R1 u# p, a+ ~) O& v2 \; `      if (yPos < (0 + BallSpeed)) {
+ K0 d# K1 @3 M: `- q, o         yDir = "down";5 v4 I  N8 ?- b6 X2 o
         }
4 {' l- f2 ~* z$ L; S$ y      }, L8 x/ q1 u3 l) g
   if (xDir == "right") {0 }5 G3 K/ D8 Y; y  C% o& J; W
      xPos = xPos + BallSpeed;9 [& z9 V2 `6 \7 e+ e4 ~
      }
: R6 t1 G: f  \7 r   else if (xDir == "left") {
% l! y5 ]1 k% [  O      xPos = xPos - BallSpeed;
" E8 V9 G2 A& w- q5 ~      }
+ d8 {! T- S: Y/ r   else {) \0 r% g/ V% _, f2 s
      xPos = xPos;  J% {! P) U6 F1 h+ O
      }9 ]' T7 p3 Y# X' W$ C
   if (yDir == "down") {
. d/ c9 e5 c" \: N8 }; f# s9 u      yPos = yPos + BallSpeed;# A, P' v1 M- R9 x' }( t2 M
      }
, D( j# z* u7 H. C3 p0 m$ F   else if (yDir == "up") {
; c& ?5 n4 d1 E      yPos = yPos - BallSpeed;6 ~5 t" U6 u( i/ F3 J" y" a6 `
      }0 `- `$ P9 l& ~- n
   else {) F. M' _9 j8 x9 y
      yPos = yPos;( F) D$ B* y1 a1 h* C
      }7 g; D. w' t' z" M9 t: Q
   }; D1 T& T6 l1 v' K1 w' r7 P
/ r( c1 e, C7 h  ^" Y# N4 s
function hidetext(){
- C2 }- L" w/ ]6 mif (document.all)
- V& a# C& t' _supertext.style.visibility="hidden"; W6 _) A# K) S# H, g) C( V
else if (document.layers)
( o! }8 v% b  S+ A0 f4 r8 Hdocument.supertext.visibility="hide"
) k: B$ t! z% ^) n4 oclearTimeout(animatetext)
! u" ]3 I$ q& Z8 I& x}
4 ?' i5 @. C! a4 V, q  W( p8 t1 I$ K: @
if (document.all||document.layers){
* }: s4 \, i# `. n6 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ o' w9 V; z) M
window.onload = initializeBall;& c: ~- @' `6 |
window.onresize = new Function("window.location.reload()");+ _6 S8 C% v/ l5 F0 u' X- P8 p3 W
}' L: c1 v5 z! e9 ^
+ w  L6 p+ A* T) y4 k$ T7 M
</script>

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