|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css">
- W7 [4 `; V+ M#supertext {9 k3 {9 ?- D; p/ p+ [: u9 l( g
position:absolute;
8 v6 L; N0 a P" t! gleft:0;
% G+ |& O: V R$ ytop:0;9 _9 b& p1 m' Q% m% m, X1 |
visibility:hide;2 [! |7 P- _' D2 r7 ], i" S
visibility:hidden;* u: {" z+ H! T2 _1 W
}
0 J! |2 f2 ]" \2 b2 o" j1 d) x3 Q" p</style>
7 ~ B0 |8 _- p/ t+ H<script language="JavaScript1.2">
% W% ?$ Y2 b2 _+ I. V! t7 k2 c<!-- 改变下的字体的大小。颜色-->
" G* U; B" d# T1 Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 b# H' F4 B+ @5 N6 O# @( ^
var hidetimer='';
2 \2 m+ }7 |6 a( L) g) T& |<!-- 改变下的弹跳速度-->
1 D0 k; z4 q, C1 p; [( L# R' wvar BallSpeed = 20;" t0 H+ P! |* U8 X
var contentWidth;/ U- Y1 q0 s1 ^4 M
var contentHeight;
) j& E K' G2 u! s* ?# `& I2 t6 w& Nvar maxBallSpeed = 50;7 |! _) M3 f/ g. }# M1 A
- i0 o+ V7 e1 h5 p1 V( i/ e
6 x, s, B: o0 g7 G* t7 ]. I+ A
var xMax;# t" W1 c' [7 _0 U+ D
var yMax; A: \1 o- A. [& B8 {5 q1 ^
var xPos = 0;
2 P7 W7 i3 M1 G& |3 o8 zvar yPos = 0;& G ]: F/ H4 a6 f
var xDir = 'right';% n% ^, r1 F# t
var yDir = 'down';
% f' i8 P; Z; P8 q8 ^& s. fvar superballRunning = true;( M8 f7 ]/ ~+ U: ^& P9 T- p
var tempBallSpeed;7 T! L( e6 N: v" f- [8 |
var currentBallSrc;0 ]4 J* s* h( y7 i; R; b1 F J
var newXDir;& y( t4 B( S }# ~0 ^
var newYDir;, S2 x% j* g( w. G4 U( f
' H" ], e) E3 m3 l2 h
function initializeBall() {2 I& X. C/ h* F
if (document.all) {$ Z5 P8 }% D" P! D- u2 _2 M- b
xMax = document.body.clientWidth
% V$ M! F9 W2 H9 k3 }2 n& T yMax = document.body.clientHeight
) L7 Y) t3 b/ t+ ^( O document.all("supertext").style.visibility = "visible";
6 t1 F. L% r1 ] contentWidth=supertext.offsetWidth9 O; s+ Q# l( _& f) a2 g! ?
contentHeight=supertext.offsetHeight) P2 X+ G0 z# g9 s" W* R8 i( r# z
}1 o5 ?+ R3 v* B; w% ^9 {8 o6 ~
else if (document.layers) {! x* a W: v% C! [4 \% x5 V
xMax = window.innerWidth;
, h/ {$ g$ ~5 z% K yMax = window.innerHeight;( U9 u4 n: ~) |/ f; P' v
contentWidth=document.supertext.document.width, A. S$ ^8 v2 I: S/ J9 M8 Q
contentHeight=document.supertext.document.height; \- q2 g9 n- Z: n8 y5 O; b
document.layers["supertext"].visibility = "show";
k- J4 B- {- p: w }4 [* E; J( @7 w- |( R1 E; Z
setTimeout('moveBall()',400);
4 W9 G. p+ y) [4 H if (hidetimer!='')
; k2 g6 ?% c ~& X) o3 y3 T setTimeout("hidetext()",hidetimer)2 B5 p1 W) E$ N% l
}' p M& [/ g: r4 @9 \1 ~
$ G* ]( e! u- J& O' L; W- D H! \function moveBall() {
) B' S0 _: ~; G Y( _3 M if (superballRunning == true) {. m' }- S+ U+ `' G0 P) d2 ^. m( y
calculatePosition();
' S+ d& J" J' C if (document.all) {
3 d9 b9 @7 `: r document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 g8 @" j- K5 ~ document.all("supertext").style.top = yPos + document.body.scrollTop;
% H& m \, A" J* m5 j }; r8 d G1 M# |7 B% n
else if (document.layers) {
. | j) E+ v' j& u8 I4 o, D document.layers["supertext"].left = xPos + pageXOffset;
% x7 _9 l. O* a. B9 j- h document.layers["supertext"].top = yPos + pageYOffset;6 t" r) m5 g" ^ }( \
}4 @% @$ R' I5 \) ?0 ?0 w
animatetext=setTimeout('moveBall()',20);
; h. x7 g/ M+ X' H* S }
+ L/ f8 ?6 k0 l }
0 Z4 \) p; X" e4 o3 }! w' m
4 S8 N' W: }2 g. mfunction calculatePosition() {
- X1 u6 f A- r if (xDir == "right") {* h3 l3 M; h: L) }8 ^5 a8 [
if (xPos > (xMax - contentWidth - BallSpeed)) {
, k! I: M0 l' k& l- @' r! X, T xDir = "left";/ y3 v$ ]9 r9 O7 s$ {
}6 B9 M$ s# K2 b) |9 q! J+ n
}
: s! z$ u: E: H0 ]* ^+ J% W else if (xDir == "left") {; L0 Y7 u" F# k- K: x3 c( n% i( M
if (xPos < (0 + BallSpeed)) {
W! _% x/ k* t9 q xDir = "right";
# h3 N5 _+ y; s0 d6 x. k, L9 A9 x }
9 s8 q8 m" q& N9 u7 ? }- o! i4 w# B" W, q' |. j$ ~/ ~3 k1 R# X
if (yDir == "down") {
5 N0 Q$ u ~2 ~: O, W if (yPos > (yMax - contentHeight - BallSpeed)) {: Z. s' W# G' K9 j
yDir = "up";
8 `% I+ _6 b: i' K4 m }' X+ p0 g; M, A$ G% ]4 Y/ B( c
}
5 R6 N, R1 ]+ {1 j6 X1 e else if (yDir == "up") {0 z# ]& L6 R/ @7 ^
if (yPos < (0 + BallSpeed)) {
7 e" N! [. k8 i0 Z8 K2 i- b yDir = "down";
0 y, l; T+ T: q& f2 B& `( W. C7 T( j: _, r }
8 G- x5 m! m1 ^( i: H }
/ e% A' w1 C% j) J if (xDir == "right") {. w5 [0 _1 d4 n& \$ z/ W
xPos = xPos + BallSpeed;
, |; L5 Q S! b" a& a }( k' Y$ i9 R7 p# b( p2 j3 \! |
else if (xDir == "left") {" A, O( k( i1 R" r4 _
xPos = xPos - BallSpeed;
. b8 m% ~4 k0 Q; T2 D3 [6 A }1 u( U. {' z9 w5 z! h5 t/ I. X! H
else {
0 G# j7 W, ~, S: [ xPos = xPos;
& o- w4 ^( G4 Q+ s+ a* R/ _) E }4 d$ Q6 i8 U' d$ {
if (yDir == "down") {$ T2 g' x- _% G$ b( b; m
yPos = yPos + BallSpeed;
- {7 W c# c$ ^/ p3 Z0 X; n6 U7 p. W }
" I; W- s* S& h5 M4 A else if (yDir == "up") {6 S: ?4 j) z c7 J. q2 P2 Q+ V
yPos = yPos - BallSpeed;# d7 A6 s* X9 l% J$ V
}
$ Y9 G/ r* t( z else {
+ B7 u, y7 p9 F3 H yPos = yPos;' e7 s" T5 ]) S1 {6 \- u0 Y
}6 b# Q; a7 l& _& `& B2 x
}: k) i5 @, P+ ?# q
# E% Y" r! Z! u& u/ @
function hidetext(){
- y& m, ]+ m7 j( q8 X+ W oif (document.all)& M- g0 V8 v/ b5 O3 {# o' f6 H
supertext.style.visibility="hidden"! y+ W& O. E, b& q
else if (document.layers)
5 A8 T, M8 L, m6 d! ~% ~document.supertext.visibility="hide"+ P) c( e" b! c- I) o$ S
clearTimeout(animatetext)3 O8 Y; b1 i4 R" u3 P( R0 v
}
5 |( X+ V- y( \6 Z1 [+ o
$ B+ \- w; H0 c7 p3 Kif (document.all||document.layers){
' r1 u7 U" A# v4 @6 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" v+ l3 w1 C! p/ ~! s7 d3 U5 rwindow.onload = initializeBall;
3 d& }: f3 K# M. b9 P r( Swindow.onresize = new Function("window.location.reload()");2 n7 Q' w m1 g: u1 I# F! c
}" X9 x: E) D4 v/ ^+ U( M) W
/ \$ b: {" @* U2 S5 K</script> |
|