Board logo

标题: 网页之不断弹射的文字-特效 [打印本页]

作者: zw2004    时间: 2008-1-21 20:55     标题: 网页之不断弹射的文字-特效

<style type="text/css">
' b; N+ ^1 J% r& \$ l6 T#supertext {+ l/ }; Y, c/ `  h
position:absolute;$ n8 K: i* q) @7 y6 B( G
left:0;
7 a- J; i6 o+ k: ktop:0;. K& h# X; M! q! k  V7 F2 k
visibility:hide;
' I8 W( K: \+ i2 x8 V' w3 s$ Avisibility:hidden;5 Y0 W+ `! s( R8 |) ~3 N
}
* e* s* a+ t$ _1 ?3 L</style>
% J3 D/ M0 E: F9 \" y- ~6 B) x<script language="JavaScript1.2">
; ^* J1 l6 t. G8 o- Z" c<!-- 改变下的字体的大小。颜色-->
. t3 o( r) s4 _& {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& o9 w2 Y! N5 k! c2 V
var hidetimer='';" ^3 n" R' d, B  O! V
<!-- 改变下的弹跳速度-->
% T: }8 v- n  xvar BallSpeed = 20;, l  S4 `: ^( w! C
var contentWidth;
! L9 c9 G; Q  \9 z, j- @var contentHeight;
% J: T' j% R( ^/ Svar maxBallSpeed = 50;
% U* g0 _' ^6 ]- c# Y! G; S  E# X" u: V& `

8 ?/ a8 w6 P4 e0 V* r) Zvar xMax;* X1 G+ z3 E1 d1 ^) r6 U( n8 b
var yMax;
+ ?9 ^9 k. a5 T7 Fvar xPos = 0;
+ \% {: m# V4 r; z2 ^: r/ evar yPos = 0;: N, a5 h+ H9 r/ }' S5 a
var xDir = 'right';
5 k3 M9 Z# r4 v) Pvar yDir = 'down';
$ I; ^9 d6 E! rvar superballRunning = true;
& m* b5 D0 [" {& s0 ~+ r! Q7 ]var tempBallSpeed;
8 L- J/ m' n0 }& Pvar currentBallSrc;
" g5 P! j% |3 x& qvar newXDir;5 C4 s, [/ X- W  k7 @6 Y
var newYDir;% f" ^7 Y4 L3 w5 |+ ]& I# K' t
/ S* c) V/ g  n7 I2 \1 d$ E+ G
function initializeBall() {
  |1 P( W2 S: X% w& e4 y  G+ [   if (document.all) {9 g# A7 O) [& q) w% Z, I# P/ \( o2 U3 T
      xMax = document.body.clientWidth5 H+ M- ?& }; T% h0 x
      yMax = document.body.clientHeight
$ r! ]% a5 ~$ o- C- A. n      document.all("supertext").style.visibility = "visible";1 A: i& g5 N) g) v  v2 b' y
      contentWidth=supertext.offsetWidth
; T& {, B+ }3 L1 D* ~2 V      contentHeight=supertext.offsetHeight
5 B+ X7 p& W3 B, E: l6 ]      }
8 Z* t, e4 k% D3 a& ^( q' y   else if (document.layers) {' _7 ?: l/ l0 P# @
      xMax = window.innerWidth;
$ W: I8 F% ~/ Z( _      yMax = window.innerHeight;
% s, s2 h4 M  |6 x4 L# s6 @( |      contentWidth=document.supertext.document.width; `( y2 k1 ~4 C; J$ \' n, F4 G
      contentHeight=document.supertext.document.height9 u4 `2 O# C: T" F3 c; Q5 {5 ?
      document.layers["supertext"].visibility = "show";# e, P" k  B# y6 R5 @2 b
      }
/ X" @$ Z# r$ u+ e9 \! f2 i2 c   setTimeout('moveBall()',400);
' J& V: ]: ?2 e- H- s' Z) A   if (hidetimer!='')/ a  p& j' ^7 W7 v, x6 ?, J+ u
   setTimeout("hidetext()",hidetimer)
1 d( b, R7 N& c   }
3 f; D! Y% |, X9 }8 w7 e3 k& b0 ]0 {2 M$ ^
function moveBall() {
/ G$ U- l) b# o5 c0 K2 l   if (superballRunning == true) {
: L0 G3 Y1 R! P      calculatePosition();
: q& v: O0 ~# q      if (document.all) {
, u+ B7 f& I1 t) _         document.all("supertext").style.left = xPos + document.body.scrollLeft;( e6 `' J6 F3 k1 `
         document.all("supertext").style.top = yPos + document.body.scrollTop;! {/ B4 D! z  P" w
         }
4 h9 l0 K% G: ~* L5 U2 P      else if (document.layers) {6 E' o( n" F# d
         document.layers["supertext"].left = xPos + pageXOffset;% `! Q8 |7 D* h( b; N( W
         document.layers["supertext"].top = yPos + pageYOffset;
  o9 `0 J7 X# ^$ N0 b         }
. V" |" l/ J1 Z8 I: {      animatetext=setTimeout('moveBall()',20);* z9 [: J, d5 y% L, r6 F) Y
      }
6 O7 F( k6 s& v2 b3 r   }
# q& C; D: l) m
' S/ m. I/ C# B5 K7 Ofunction calculatePosition() {: j+ \4 x, n9 [; s, {  Q4 ^
   if (xDir == "right") {
" I1 y7 i5 i4 M/ o! o/ R3 t3 J0 _      if (xPos > (xMax - contentWidth - BallSpeed)) {
' @- w" P* V' K- a6 j9 o$ [2 K7 j         xDir = "left";
5 l/ c' W6 @( h: Z1 Q+ l! Z. l         }
3 x+ z+ b8 y" _$ j      }* r" R) E) _: S
   else if (xDir == "left") {
  x; q  I; ~. B      if (xPos < (0 + BallSpeed)) {! h' P: B7 I' T
         xDir = "right";- z9 s1 G  G" P- A! D! Q) R1 S" i7 k
         }0 ~% w3 Y! |) ~
      }8 N, O- q2 Q) l) ~/ Q2 M
   if (yDir == "down") {, _; _3 k2 J# r! |8 i8 V
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ B% w/ l: P( g/ f* S7 _         yDir = "up";
& g' W5 r& E- `3 C         }
8 m& x  y0 s: F  i; {+ C0 p& T      }
' V! x+ f/ w0 i1 Y" I   else if (yDir == "up") {, E( b8 m4 j' b. ?0 L5 S6 I
      if (yPos < (0 + BallSpeed)) {
, i% c$ K$ |# i) [4 W/ |. k         yDir = "down";  b$ @1 b2 q$ |$ W$ ^4 }) E
         }$ `* ?8 Q, n% P% i8 a" D, S! H
      }
4 P. l$ h4 s2 @( {; ^* Y3 z- p- ^9 ?   if (xDir == "right") {
$ E; c3 j! ]2 K0 `2 d      xPos = xPos + BallSpeed;
& [% {4 n% u; m- E, N      }; N' Z% ^+ j# v6 ]
   else if (xDir == "left") {
! l8 K+ Y8 a$ ?7 q1 K1 r3 N/ J: k      xPos = xPos - BallSpeed;1 H- [& X$ R$ t; {* J% C  j7 Q
      }" X) x! _: D- N+ R
   else {$ V& {9 M7 ^  q; S( x& w
      xPos = xPos;) F1 L8 k) r1 l3 _. B. V, h+ @
      }
) g7 J% u# D: G' A4 S$ v  N7 G, B   if (yDir == "down") {: A( ?9 ^/ Q, z( K
      yPos = yPos + BallSpeed;7 h7 Z7 S5 t6 j$ F9 X$ ~
      }2 x6 h( m% D) W" \- C8 N
   else if (yDir == "up") {. _: `4 _3 i, T$ m" d# D
      yPos = yPos - BallSpeed;
8 Q4 H0 o0 R0 x( @0 h! M5 P! Y  j      }
$ K, ~2 b7 \( E( F! r/ J   else {; @0 Z" N2 k# \7 u) ~" m
      yPos = yPos;
( B$ w4 M7 W# r" f+ j, V4 E( c      }' M! r# c* c& b6 P+ Q0 ]; n
   }
3 @. _" U* K% {, k8 J6 x% Q+ |3 Y4 K% R  y6 f
function hidetext(){
7 L: v8 G3 T6 |4 G' L" a: ~if (document.all)
% O7 E5 Y; p; J8 |3 `. B; ]( X& S* \supertext.style.visibility="hidden"9 [2 {& {( ?. _9 B0 s$ Q
else if (document.layers)
1 @8 `% s' O6 A9 Rdocument.supertext.visibility="hide"
4 j3 D  j7 F, u. @clearTimeout(animatetext): q/ {8 L& m3 G! J& G( `
}
' b" P( Y7 L8 P) P  C  c# k" c: o1 i; W( P2 C2 {- H5 K8 d
if (document.all||document.layers){8 P( F& y- c0 `' E7 U6 ^2 s" R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. q5 t1 r" \7 Y- y% Swindow.onload = initializeBall;2 A/ ^9 ~! U& f1 b/ C
window.onresize = new Function("window.location.reload()");2 a* @, P; \4 C; C, U
}
% q" J; Q! k7 o; N' N/ u2 L& k8 X9 `8 `5 F0 X6 m. v, `
</script>




欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2