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

|
网页之不断弹射的文字-特效
<style type="text/css">5 P! \0 q# C6 v1 a( q6 ?& |5 C
#supertext {" J" d1 }5 `4 W J' a* D
position:absolute;- _& q" F. c# {+ i
left:0;- O- D. z* r( n1 p6 Z/ `: I8 A
top:0;
4 z! p: j+ G% l- L. lvisibility:hide;
; d l' w/ w: {' }/ m7 l! I# z1 s5 d: x- uvisibility:hidden;# q+ A* o# L' o4 O! Y7 m/ ^
}
6 A( `1 D, F b1 O& M Q( _# q</style>
7 _# S2 C. V# j- E% t<script language="JavaScript1.2"> r% O. c7 _7 A$ t( \
<!-- 改变下的字体的大小。颜色-->
& m0 a0 X0 a/ S" {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 D3 P7 o0 ?9 l; U8 ?- G! q8 U
var hidetimer='';: N! }9 h2 m/ T
<!-- 改变下的弹跳速度-->
% P, c4 Y( N0 e3 @3 o8 z/ Xvar BallSpeed = 20;! X1 Y" n% n# U; {: C/ ]% A' |
var contentWidth;
- T7 ~ h$ @ k3 |6 q3 Zvar contentHeight;
M+ d4 l" T# _# S+ M7 z6 L# ivar maxBallSpeed = 50;) e! ]6 i' ~9 J+ N/ Y
4 t. W$ [, d$ B0 Q* d. X4 X/ Y8 A; i' b
0 r7 h% @! G* w: g
var xMax;8 ^3 E$ O( m) u& d7 y; f
var yMax;
8 _ X3 [' [0 B4 F0 D& P8 \3 lvar xPos = 0;2 f0 R# \: ?" x( X) F
var yPos = 0;
! ?) i/ ~% A8 s X6 Z3 h7 |var xDir = 'right';
( \8 ]; L c" @& {var yDir = 'down';7 T$ K7 A- P3 k4 W2 E& i
var superballRunning = true;
% V& q, f: q/ W3 yvar tempBallSpeed;( n$ c9 g7 Y+ }6 J1 f E
var currentBallSrc;# y7 d2 {2 ?. I6 d+ q# V4 y8 L
var newXDir;
! T; @* R- d( k9 ]) ]& F8 Rvar newYDir;. r" w% W, w: f# F6 |
- {% F( l. {/ n3 m" L" t/ m( Y
function initializeBall() { s I# c3 l6 _+ x- o. b' Z' z
if (document.all) {4 t! u+ s1 `9 ~
xMax = document.body.clientWidth
+ u- i/ p0 x5 a7 p4 x yMax = document.body.clientHeight
( ~$ ]/ f$ G+ D document.all("supertext").style.visibility = "visible";
; A; g! Z B) U contentWidth=supertext.offsetWidth2 C4 k! P. W0 P; j
contentHeight=supertext.offsetHeight
5 y+ h0 `7 I) I" ^" Y$ _, o; r4 L }
5 X. i. [$ z# T+ t$ ]: T, o, C else if (document.layers) {5 O: e" l3 `* V1 ~! Q
xMax = window.innerWidth;
2 {% Y/ F6 }2 U2 o6 e6 O" ?" r! |; G yMax = window.innerHeight;
& u7 }# |5 W* \, \$ ?& F" _ contentWidth=document.supertext.document.width
# N) V( O7 K" x7 e2 o4 S contentHeight=document.supertext.document.height
$ c& [) S2 A/ F" I" B: A document.layers["supertext"].visibility = "show";( H- L9 E3 X6 W# e7 C+ p
}. d: z9 Q. K# w
setTimeout('moveBall()',400);( ?) s0 r2 b. y4 K3 b
if (hidetimer!='')
% b+ @, O4 z2 @5 S5 P" z setTimeout("hidetext()",hidetimer)1 H" n; e1 e, }5 ]' Z1 N- ~
}& Z9 N/ q( N* ]! ]4 C ]8 x
7 Y* u- w# j% e8 n5 T* X6 I1 Ffunction moveBall() {4 z/ ~, A. o: J' U& n/ o
if (superballRunning == true) {$ C7 }9 Z) F4 @' h# ^1 R
calculatePosition();8 q5 Q9 O x$ l' Z' I- {7 ^, O
if (document.all) {
; c: j7 P/ ]: k& ?9 w9 R1 i. w document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 G; v+ k' Q% J- p9 b+ s document.all("supertext").style.top = yPos + document.body.scrollTop;) i$ Q( U3 d b8 [
}' e2 o! k# _4 o) k9 D, V3 P
else if (document.layers) {
) a0 P* T$ k; J% F# h e5 i document.layers["supertext"].left = xPos + pageXOffset;* ]1 I2 u4 Z; f. t1 F0 T
document.layers["supertext"].top = yPos + pageYOffset;5 t0 k; ]5 T# e6 K3 i+ b+ j
}. U% W2 v0 }, v
animatetext=setTimeout('moveBall()',20);4 E! e* w4 W% Z0 t& J# ~
}4 T. F' M( h5 i) N
}
( q" W& X8 \1 P3 r( T2 ~( |$ c& r6 e$ u1 a4 x$ }0 A$ r
function calculatePosition() {
" J/ U8 A- @, m# E0 C if (xDir == "right") {
' E7 l. Y0 ?+ N if (xPos > (xMax - contentWidth - BallSpeed)) {( `* U0 \6 [/ M8 Z- _9 u9 ~
xDir = "left";
- h& t) x+ x; b% @" f }
+ K( d8 z4 H9 d$ u% U, T }8 L& f5 @& @" l/ g. W+ M6 v0 B6 O
else if (xDir == "left") {
% \: C5 q8 C6 r3 L2 [0 _6 @. u6 j if (xPos < (0 + BallSpeed)) {
1 R: i% h: \3 U1 z; c G xDir = "right";, ?" M. y& |- o8 e/ j+ j, S
}
4 J6 h. [, h5 t! K4 f; l }
1 x! Y; H/ O, D if (yDir == "down") {
# Z" X2 {8 r9 n4 C% @7 J& h if (yPos > (yMax - contentHeight - BallSpeed)) {
; H! e! S6 s0 \1 ]! a: O yDir = "up";3 N8 X3 |8 L/ y8 n
}( K8 R9 u2 h2 p% p3 n! w" Y6 \
}7 ~8 H9 N1 Z" \
else if (yDir == "up") {1 y8 F1 J# j6 P7 `! g! k
if (yPos < (0 + BallSpeed)) {* D+ L; \: F2 X
yDir = "down";
4 Q1 x+ Z0 u' c5 } }
% T. x/ Z/ S! ~6 u$ s9 N+ \; A. S }
: o o+ ]" z Z6 K8 m Q if (xDir == "right") {
1 a( T! G% Y. X2 b5 D xPos = xPos + BallSpeed;
7 h$ P) s" K$ C& _- \; g6 D; F }# q8 _4 A7 E$ c3 W* ~' n. T" N: w
else if (xDir == "left") {5 }3 A+ M8 H% [4 J* E/ S, {
xPos = xPos - BallSpeed;
: m7 B* R1 Z' o9 h" N# \+ z }
, ?* s5 |0 c! ?* Y+ G. t else {
8 l4 V# @* C* t# t; O' E( Z xPos = xPos;
8 n _. i- c' ]3 F/ B }
4 n( M- p5 N0 }7 ]6 r, m, L if (yDir == "down") {
5 d$ ?# S* r2 H yPos = yPos + BallSpeed;
* H; ^; M1 z8 e+ | }
: z5 b$ o, Y# u4 m/ Z7 g$ v else if (yDir == "up") {! r4 ?8 `9 T. d7 \ f/ j
yPos = yPos - BallSpeed;
- @1 ~* s5 `" h3 J+ r' E }
" K) h s, n% Q/ w& S& q" s* \- M else {5 ?) Y; }: O% \- S) n8 T
yPos = yPos; B1 h+ C, l0 J4 h. {
}+ b5 h4 }8 g. q. w
}
7 \7 o0 t% y; B/ N! r5 Q$ C0 x$ p7 {' F' T
function hidetext(){
- j }( n# v0 H4 y F+ ~if (document.all)/ m9 J. ?& G$ L1 e. @5 U4 p- a
supertext.style.visibility="hidden"/ e; P* W3 B2 Z' I4 C7 @* e
else if (document.layers)
# u+ L% ]6 m) Q5 B" cdocument.supertext.visibility="hide"
7 C. Y1 W! r6 P9 S$ kclearTimeout(animatetext)" T. y+ [: S6 [4 i
}. ?: b2 n. h0 w6 Q; ]* T9 \
) T9 {$ [8 P- z5 w; p3 h
if (document.all||document.layers){& `( X" m$ e3 \& F: i! v0 F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 l' Q' `2 ^& y4 l1 q# c
window.onload = initializeBall;
- e) M$ @5 P( ]' K7 e: w0 k1 xwindow.onresize = new Function("window.location.reload()");. I3 E8 j4 R R2 E1 \& U- [
}
" @% e' q7 F6 N7 N' p
* D3 L8 M: i3 }& Y) ?, d</script> |
|