返回列表 发帖

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

<style type="text/css"># q' m& L! h5 W
#supertext {
/ n2 ~) r9 R: Uposition:absolute;
9 i+ d6 M7 \3 Zleft:0;
1 s/ C2 a' ^' atop:0;
+ N' b" t& l7 Kvisibility:hide;
2 Q. _9 K1 J4 {9 @# }7 U6 C. v/ ~visibility:hidden;
2 H& Y8 B9 e; ~$ |% ?, h/ z: ], y}! o- H( V! X! ^
</style>
) q; G% H$ N2 Y& p<script language="JavaScript1.2">0 Z1 T$ k( \0 e8 T( x
<!-- 改变下的字体的大小。颜色-->
/ D) [  \, L: V4 {% \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& J: E* T" m. M! E9 q8 N0 G. \var hidetimer='';/ U4 t1 g6 n" A" q, Y
<!-- 改变下的弹跳速度-->
; @0 I+ x4 C5 w6 t' y& [* jvar BallSpeed = 20;9 j- l& h7 N6 F5 f: a9 x4 A4 D3 W8 |
var contentWidth;3 e; M: X/ Z2 ]. q* ?! \6 |! K. n
var contentHeight;
9 t6 U, K% V/ G* k4 Rvar maxBallSpeed = 50;
# a  J8 h1 }* p4 U% Y: S6 I0 Q9 |$ A9 u, d
3 [  k" c# _0 @6 d1 [! B1 i
var xMax;( Y0 ]9 p4 j% W% A
var yMax;" m- ]5 C  A8 x
var xPos = 0;
6 P9 P/ P  E, k3 r7 k/ L/ S4 wvar yPos = 0;
" j3 D7 ]1 c( U) B5 j( t8 `: fvar xDir = 'right';5 w) }% g& d6 ?( _% o
var yDir = 'down';2 H) R8 y" e" A; j* @
var superballRunning = true;
5 q: M: [0 p; J, ?  o) Pvar tempBallSpeed;' b' ^- u' {! c6 S
var currentBallSrc;6 D6 @  R/ u* m3 x, x7 J6 ^
var newXDir;, b. N4 h! P- w8 y0 O0 T' e6 r
var newYDir;
8 h4 |5 R3 x; T5 K0 m6 ?' C; }! d: C; `! J9 U% D% g( b+ |" ~3 [
function initializeBall() {8 T% K' m& F2 e4 z- @0 L
   if (document.all) {
- F% J+ V- h- L+ G* ]$ q5 k8 ^      xMax = document.body.clientWidth
& t0 U, A1 ~3 }4 h: O% b# Y      yMax = document.body.clientHeight1 R3 s6 q; x+ i' h
      document.all("supertext").style.visibility = "visible";% @: x# s8 }& z7 \1 `4 M
      contentWidth=supertext.offsetWidth
& h) N! R4 C3 k      contentHeight=supertext.offsetHeight
; W" h; U6 P. a1 q) p      }/ r$ {* m3 y3 ^6 _4 ]: H" M$ ?
   else if (document.layers) {
  i% n9 d6 @# J1 f; \/ k      xMax = window.innerWidth;/ |. L, `3 I0 e5 _
      yMax = window.innerHeight;
: q  U  N* k" V6 h  B, d8 E      contentWidth=document.supertext.document.width0 W" Z3 F. k8 ]+ b
      contentHeight=document.supertext.document.height
& J  T) h, U+ l      document.layers["supertext"].visibility = "show";* q9 V7 {3 e. l; v) I7 q
      }  W5 y3 `. H; m! G4 h9 I4 L
   setTimeout('moveBall()',400);
# ~! _! v  f) w! d   if (hidetimer!='')8 m* [  Y* l& x, h4 Y; Z0 N
   setTimeout("hidetext()",hidetimer)- S& [& v: Q, @% m% V
   }
8 M2 Q; z+ i! T8 v2 a# u/ h' F* r6 Q) R( g0 H
function moveBall() {
( Q8 t2 v2 ]8 H. ~. F" G; z1 J   if (superballRunning == true) {
! h# R) p/ \+ V3 f* Y/ X/ T      calculatePosition();
$ H& Z+ B$ A, H  [0 h- W  Q      if (document.all) {
/ d. L* [) K9 S7 ~1 x7 F; [! b         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( f% c) o& K' n- `: Z/ f, o& S' t         document.all("supertext").style.top = yPos + document.body.scrollTop;
- n7 {" t: H4 E) {* Y7 g         }! c/ a0 r0 W4 h) I& O: E6 \
      else if (document.layers) {
* I6 U9 U: p  B* W         document.layers["supertext"].left = xPos + pageXOffset;. M" G; Z8 X! Z
         document.layers["supertext"].top = yPos + pageYOffset;
9 I# Z$ r; b3 ~) r: l2 x         }$ y8 W3 U2 L$ |- K" Y# l5 C/ ]* e
      animatetext=setTimeout('moveBall()',20);
% l4 t- A0 O8 R) i/ N8 ^6 _      }
; ^6 K0 a$ Z& d! X   }: }+ {# H. E  Z* W/ l( t; ?
3 C* G, R7 y9 m1 U
function calculatePosition() {
" c/ Y% s; e& F! M   if (xDir == "right") {$ G( N/ Y% R4 d* H5 i" }4 _
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ j: {0 \7 B8 D9 N3 s; u: E3 P         xDir = "left";2 u/ Q0 }% S/ y& }, [  @" p0 c
         }( R3 ?# O, v- g  k1 B/ Y& G( O, [
      }- h" N, ]) x2 R! @7 c' _% L: ?& S! ~; k9 S5 B
   else if (xDir == "left") {
; n8 \  o* L/ R$ M      if (xPos < (0 + BallSpeed)) {% O+ t6 p3 c/ M2 z( k6 l0 _( G# C
         xDir = "right";
% Z0 v2 E0 s; v         }
7 T- }$ s2 E0 C$ O1 R      }
, e2 Q2 G) T' U" s3 [* H: C   if (yDir == "down") {
) `  w) b. t) b" E      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 {  z. H7 k- l         yDir = "up";
6 I: @2 h+ G% J% {( i4 E- e3 O  o: ?         }
" R4 o7 u% D- @2 z/ y      }
) n3 m* \, d& O- A   else if (yDir == "up") {" \3 i9 C/ i0 m1 r1 Q- X8 d
      if (yPos < (0 + BallSpeed)) {( w. x$ l- v* T- h( h
         yDir = "down";: V8 J* S8 `7 \) }6 N( z6 `
         }  ~! ~9 J) C$ S$ D* O# g
      }9 Z: m# m* O9 m# T$ T/ R  `# I
   if (xDir == "right") {& q% u( p  G( o# t# i
      xPos = xPos + BallSpeed;/ J+ u; V9 |+ H" Q
      }6 I: [0 e2 M1 P+ t6 f
   else if (xDir == "left") {
: e0 t, {9 G9 j" h      xPos = xPos - BallSpeed;
% q0 V; R5 U* r$ S, r      }
3 }( c) d; x7 w" |5 t& }   else {; y, w; T" m6 b  i/ J1 i
      xPos = xPos;
8 v  e- l. w7 {* t3 l5 M      }1 x% C1 P! g, \) ]
   if (yDir == "down") {
. g/ ~/ y! G7 d' ~3 j      yPos = yPos + BallSpeed;1 C. _' \; T) {( _1 G
      }
: k4 ~9 ^2 _; y& i   else if (yDir == "up") {
( R2 ?& @4 N+ k$ _7 x* Y" T      yPos = yPos - BallSpeed;
  F  B$ L2 r1 q% \* @' W, S. }  w      }
! i$ V9 c5 u  {$ b& j   else {3 J/ B' }7 F' k  U
      yPos = yPos;
) A) [, w7 S$ C; ?/ k6 |" J      }
2 A7 s6 z3 X: {; q! D5 W0 {& y, `   }! z3 i: x6 A6 D$ l5 [% V2 D

/ B2 [  z+ q# K( j4 ?7 _3 z# `' afunction hidetext(){
/ @! ^& p0 ]* I/ _$ W- Fif (document.all)# m; Z( w; D6 y4 O9 u0 X* k
supertext.style.visibility="hidden"
1 n/ b1 U, n9 |$ ~3 Xelse if (document.layers): j' S2 ]* H  F5 S: E/ k
document.supertext.visibility="hide"5 j( R8 ~: q8 C. u8 J5 G
clearTimeout(animatetext)9 I2 M6 D0 S; Z) t
}
  e! N9 q; W8 d  t+ ]5 G1 s. [( ]% H7 _% Z# D% q
if (document.all||document.layers){5 L9 N* e0 G- a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ k8 w1 E* E4 k  N/ u( y) T' F' Awindow.onload = initializeBall;
8 M! o) ^0 B' v! b, b! n+ ewindow.onresize = new Function("window.location.reload()");
! i& F+ h& C% K5 U5 A}
* ]0 `0 f2 t( e5 o
! a2 i( y+ l( Z" `</script>

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