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

|
网页之不断弹射的文字-特效
<style type="text/css">
/ N y/ g. l7 E V4 Z- ]5 s#supertext {" L7 {( m" ^5 O
position:absolute;
+ c; K$ b6 D, Q3 p/ pleft:0;' R, Z9 n% S6 p
top:0;
& H% i4 K! c1 Wvisibility:hide;
! Y% A. j7 |( mvisibility:hidden;
# U6 w; U! c, i& u8 @8 X9 w, z1 b}+ h( z% d3 i1 n2 N: E* H
</style>
* k# ^; q7 K6 H* q. {$ i<script language="JavaScript1.2">+ `' \! B2 m* f/ A! ]
<!-- 改变下的字体的大小。颜色--># O' Z0 V/ Y1 R% P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 b, c7 F8 _- P# f
var hidetimer='';7 P6 k! Z; o5 m0 C
<!-- 改变下的弹跳速度-->) s4 X5 k4 b- m2 i+ d
var BallSpeed = 20;, M) l W4 P2 z4 W9 D- Y% b/ c
var contentWidth;% q) K. s1 _3 c% a2 P
var contentHeight;
# }. x6 x9 q7 Z9 V$ B8 P9 bvar maxBallSpeed = 50;
) I* }! [1 Z3 l* u. g* O3 h1 H" ]. U
" Q$ Z. L& }+ X! f1 ?! K% [" yvar xMax;' N& k2 E- o! L3 l- ]; T8 ?
var yMax;# V9 D6 B' C- P. X( k5 I
var xPos = 0;
! _/ K" x* y2 v! w4 p+ ovar yPos = 0;# b, s3 o% J! s$ K% |
var xDir = 'right';8 M, ?$ `, s1 H" o- d
var yDir = 'down';/ Z- x1 f* N* `! p/ r
var superballRunning = true;
: _ j- f/ D) [& x2 ovar tempBallSpeed;; n8 y6 N; x. O6 [! p% d
var currentBallSrc;
9 Z/ _: y$ U0 h+ C# v" avar newXDir;
- T) W# n: k: F4 ovar newYDir;: V/ ^& _7 r+ A
: M) J0 [9 U" x% p7 Zfunction initializeBall() {
1 M o2 h3 ?2 J, F2 K5 }3 k/ ` if (document.all) {
8 k1 ^( o7 p; w xMax = document.body.clientWidth
( m! k% L; z6 K b: q' P+ L yMax = document.body.clientHeight5 |. W1 X3 o3 s# w
document.all("supertext").style.visibility = "visible";
* a# f2 ]) ]" U ?) L9 f contentWidth=supertext.offsetWidth
H3 `7 q1 Y1 D, ^$ C3 M1 d! b contentHeight=supertext.offsetHeight
2 T+ K- @/ R' {+ k* d }. ~/ {( B5 O8 z( m
else if (document.layers) {
" Y1 ^* H* O4 o8 ^$ h xMax = window.innerWidth;
7 n8 |) L2 W4 ~/ U' ~# r yMax = window.innerHeight;
( b9 i3 V2 T+ i. d1 o contentWidth=document.supertext.document.width* g9 Y( `" w' ^( U) f( T' ?7 X6 h" _
contentHeight=document.supertext.document.height
: j5 R; a0 N% Z3 I, n document.layers["supertext"].visibility = "show";, s4 v7 z% Y1 r* T
}( _! C$ N6 p- d' `$ `( G, ^+ T
setTimeout('moveBall()',400);
2 o. u# P/ G/ h9 m: V; `7 C% P1 ? if (hidetimer!='')
: M# o# R& a. H: F9 q6 w setTimeout("hidetext()",hidetimer)6 T: \8 s% M( E. S* G* y& C; [
}& ]9 s# ?# Z- q: T; G0 `
/ b( ?: P0 ~1 h' n2 g V Y& s5 f) lfunction moveBall() {/ `1 b7 t1 `2 X: n: H) F
if (superballRunning == true) {
7 z0 b$ {7 H' k( M4 O5 @' S calculatePosition();
% d: Q) r, a- {6 |: U* u if (document.all) {
O! y, O* }" L% P+ ~; s document.all("supertext").style.left = xPos + document.body.scrollLeft;, x, T! {# v. d# ]
document.all("supertext").style.top = yPos + document.body.scrollTop;. @# h# a2 ?+ \; c4 T( w2 ^
}
, ] T. z& ?, [! D* z @/ h4 I else if (document.layers) {! [& e- v( L' J2 s/ d
document.layers["supertext"].left = xPos + pageXOffset;* i* F( b( R+ B* O
document.layers["supertext"].top = yPos + pageYOffset;
" w/ y: o# ~% r5 R, e! K% Z( D% N. p }0 N1 S* D) [) N' n s
animatetext=setTimeout('moveBall()',20);
, y5 e+ U) L0 j# ~; X }
% r* E/ c6 P' x2 c* F5 k% _$ X# ]% t }
; A5 o( }* M5 p! U& c) t8 E8 X0 g, w
function calculatePosition() {( G4 I% U; Y& M
if (xDir == "right") {
# b6 m i. R. u) h v if (xPos > (xMax - contentWidth - BallSpeed)) {3 Z1 i/ _4 B9 l/ @6 U
xDir = "left";
6 y7 b; d3 V+ A0 |5 Z# ?9 S5 w }
7 W2 R5 T! ^! p8 N& c$ C }
" J' X1 G" V( E8 \: ? else if (xDir == "left") {2 l( k3 F; p& u
if (xPos < (0 + BallSpeed)) {
. Z3 w4 a( E, h' N xDir = "right";
( G3 O2 c/ T% V- |4 [ }
2 n A. O, U# q% O# D }
2 S; t1 G( h. }! F% ]* v+ R if (yDir == "down") {
. v) V: ^) R# n; N2 u" y if (yPos > (yMax - contentHeight - BallSpeed)) {4 \( C2 G+ U4 b
yDir = "up";
@% r. u+ \( |, L7 C' H) o) y }2 C6 f/ y$ e; F% m6 n* d/ Y* J
}. Q4 ~ h3 o# R J% c1 z$ y
else if (yDir == "up") {5 s4 e; A1 q) m' C7 b
if (yPos < (0 + BallSpeed)) {
. {6 Y' i! {4 } yDir = "down";( `5 ~% S9 a% n8 {) w+ t
}% N; _+ f- w U
}. r0 @4 a5 A/ v2 |) L9 Z. C5 M% @
if (xDir == "right") {
5 `, Q3 @, A4 S xPos = xPos + BallSpeed;
- \1 h% r1 \ ] }
' W: {# W! I% ^1 [& L6 V else if (xDir == "left") {& }9 _2 r) n3 U
xPos = xPos - BallSpeed;
; k. M6 | ~* s, Z }9 j! i4 |( C4 i' W# \9 f9 _
else {
) b" k( l2 A. o# I, K; z, C8 ~! Y xPos = xPos;+ W, `8 E' F% ]2 S5 t
}+ R# K+ F5 c+ h" e) Z
if (yDir == "down") {4 R( M7 K) B2 S; |: l8 `! G
yPos = yPos + BallSpeed;0 [+ g9 w Q' U2 }4 k f
}
2 G% J6 J$ i* ~: G4 F+ |5 v else if (yDir == "up") {
9 g% m* C3 J3 }( b h yPos = yPos - BallSpeed;* m" Q6 r7 l0 H; M1 K
}% R6 D5 P- g; u" b
else {
$ J' o* J2 t1 z8 ]2 q yPos = yPos;# t* Y( x+ | `: _/ O
}- @+ K* p$ p0 z" ]4 L3 @
}
: ^$ Z& c, s! A2 L! a" `. {8 ?
7 ~4 P6 t% x- q+ cfunction hidetext(){+ A$ w; a# j0 ]* i
if (document.all)
& b9 e1 l. r9 P" P+ a. Isupertext.style.visibility="hidden"
1 f+ m& ?' J4 S! e* N. Velse if (document.layers)
& A6 z3 D4 U- {7 B4 Y2 s; Ddocument.supertext.visibility="hide"
, P9 S6 b& @! N8 ~' ?( GclearTimeout(animatetext)
6 e2 d( D" b @}/ E4 T3 x2 h0 v+ U) g& X
8 q |/ v$ Y6 x; g' l
if (document.all||document.layers){
5 N4 a5 s1 W6 a6 R6 |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" @) `, b5 I; C$ n1 y$ @
window.onload = initializeBall;: a) T1 K$ m1 _. K
window.onresize = new Function("window.location.reload()");
; P# N! w) P+ e+ Q8 F: T}
, Y7 C+ ?& [- `& ]3 k4 O8 [
( r: u6 p& A" `+ R1 j</script> |
|