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

|
网页之不断弹射的文字-特效
<style type="text/css">; p3 i! X- j f$ f
#supertext {9 ]8 @9 |" n3 E' \6 }
position:absolute;
8 |' T& O# E" s+ b; jleft:0;* b( ?6 @2 ~0 i$ p' j% G- u9 _0 t
top:0;; A O9 B* g+ r* x
visibility:hide;
3 v( \$ z8 A* t* O, Tvisibility:hidden;6 [9 u4 y* B( K5 u6 u
}' u# j+ G0 n- o- d5 o
</style>9 b$ f/ m9 F" t+ ~9 D: W/ H. M
<script language="JavaScript1.2">
9 _" Q7 B* Y( R3 I<!-- 改变下的字体的大小。颜色-->( a7 S7 O2 Z$ _4 }! C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- `- X, `8 d+ U$ m% ~var hidetimer='';
- ^4 Q7 E8 S- X! ]" R7 J6 Z6 n<!-- 改变下的弹跳速度-->, F6 R0 i& H- R, d( |
var BallSpeed = 20;* A K5 c- c% \( E
var contentWidth;" B" s% k% L5 ?* u; M+ G! E% x
var contentHeight;
+ U! Y1 H5 x+ j$ c" Uvar maxBallSpeed = 50;, \/ \3 ~1 U& O% z- u# M* a' F
$ J. ^1 {5 [+ n1 R P" N5 l o+ U
, e E0 M) {- Bvar xMax;
7 C1 ^* w7 Y/ Tvar yMax;. U0 X8 W6 N% ^4 O5 q# I
var xPos = 0;
, U, M V& m0 m! e3 k5 Z$ ?var yPos = 0;
) ?' E1 b) g; o: k, O( xvar xDir = 'right';$ @+ B- |/ i% K( R
var yDir = 'down';
9 g# B1 D F3 K9 y( Evar superballRunning = true;
8 l5 B! l1 |7 W* Lvar tempBallSpeed;
h' I. C1 l) h- Jvar currentBallSrc;
1 d4 r5 A0 u& w1 N3 Gvar newXDir;
& W9 u* U& _. [var newYDir;
c$ V, e2 l: ~/ y; B0 |% k7 |5 L/ b7 j- c+ O9 E0 Q" g: j/ h
function initializeBall() {
5 M' g) x0 e7 c% D0 J$ h if (document.all) {
$ A; R4 ^4 u4 V8 b( r xMax = document.body.clientWidth
% M1 T) \) C; _7 q yMax = document.body.clientHeight
6 ?- X2 K1 U% N) v8 J document.all("supertext").style.visibility = "visible";. G7 ]9 F# |) V8 x* X* R
contentWidth=supertext.offsetWidth; b9 f" ~5 u& Y4 _
contentHeight=supertext.offsetHeight
. D9 q! z/ @, L( ^ }8 j4 K# i* M$ a
else if (document.layers) {
/ B' K I8 {' _5 M xMax = window.innerWidth;
/ b7 j+ e: w7 s yMax = window.innerHeight;
& z# w: I: o- s1 c! d7 a+ h contentWidth=document.supertext.document.width
1 {4 a* L, r0 ?" k6 Q9 ?& E contentHeight=document.supertext.document.height' d) P9 ]1 X9 I8 P! J1 r
document.layers["supertext"].visibility = "show";
# x1 R' G7 Y5 {7 B }
3 x! b7 k; v1 Z$ X/ ] setTimeout('moveBall()',400);
. C9 ?0 c# U5 q/ O8 p if (hidetimer!='')
0 K7 n8 w7 ^0 v setTimeout("hidetext()",hidetimer)
2 h8 N g; j' f( M! U* T4 c }
. n# p: C0 H7 w- g) Z) [; D/ N. I& @2 r( m. {9 O
function moveBall() {( W3 K! [, B; r! T3 {' b) }% ^+ Q
if (superballRunning == true) {
# r# q1 Y* H" @6 a6 p- w8 | calculatePosition();5 m- e6 N! S, r
if (document.all) {2 G6 Q4 s3 S0 Y! B) f) d
document.all("supertext").style.left = xPos + document.body.scrollLeft;
' d" n% G0 r' E' y% y document.all("supertext").style.top = yPos + document.body.scrollTop;8 Y; y% P& b5 e8 a
}
* ~4 z0 N+ w4 a3 \' ?* L6 y. o4 Q- a else if (document.layers) {" ?. o2 d" ~$ r5 C. x
document.layers["supertext"].left = xPos + pageXOffset;
% o! m, j/ W5 X; X document.layers["supertext"].top = yPos + pageYOffset;
8 h# I2 f' I$ k3 _ }
: C' i5 e1 H$ f animatetext=setTimeout('moveBall()',20);& E! T @* W( l9 O' {4 q( S" h
}; {4 U! y1 }2 |! j: o7 i2 f
}. z8 b! K. L, N5 o! ?
: G1 W" y) P4 S+ a- L5 U7 X/ R
function calculatePosition() {' G$ M( |' u: a
if (xDir == "right") {
7 y/ U" f$ J4 }, G if (xPos > (xMax - contentWidth - BallSpeed)) {, {4 y+ m" d/ D6 E
xDir = "left";* v5 g/ y% _$ m" E2 @
}
. P L8 f. r7 w9 v3 z( V* f; T }
# G; y/ B0 ~$ F0 [/ \* ^0 a0 N else if (xDir == "left") {* [+ m6 @( P' G/ [9 i! s( e2 ~
if (xPos < (0 + BallSpeed)) {
; p2 t( B: m, s$ n# Z xDir = "right";# L+ k0 f; l; Q+ E
} ?6 n% J8 v4 a' n0 L
}# F* s, g# K$ ^5 x$ j- W
if (yDir == "down") {
: n. H( S2 D2 S. h' M, t' u& o- E if (yPos > (yMax - contentHeight - BallSpeed)) {
+ y! w" U, k/ U9 ^: z8 l yDir = "up";" |8 R* U A& ?, \% G
}
( [/ E4 C# J+ O$ q! c6 c* @ }3 g7 X9 n! f( V. b( b
else if (yDir == "up") {
$ n6 ~; a6 v- B5 R- A5 B; j if (yPos < (0 + BallSpeed)) {
- i" Q7 e3 n& J! V+ l2 R6 e yDir = "down";
; _2 J, e% X" ?4 E* f3 O }
2 y S5 l9 _4 A8 Q+ M }/ K" w+ ~3 [8 l: b
if (xDir == "right") {2 n+ S' c3 c9 r; Z
xPos = xPos + BallSpeed;
) A0 M- l+ L. D$ M$ H1 D, N }4 R1 x' X5 ` j. V2 Z+ D* c
else if (xDir == "left") {+ }: f0 Q5 k- {- B1 D: N
xPos = xPos - BallSpeed;
& G; m' U% a9 ?; J0 f+ n1 y }7 y8 p% z9 l2 V1 L) ]
else {; h3 u8 x9 A0 ^0 F
xPos = xPos;3 c& x! q g% Q( O; r
}# Z7 q P6 |( P
if (yDir == "down") {3 f# n: n( p2 M w
yPos = yPos + BallSpeed;+ Y4 l5 U/ X" _, p
}
1 p3 j5 f# A/ q% a& t else if (yDir == "up") {
. ~( f- \4 \9 l. t yPos = yPos - BallSpeed;
$ j3 K' g& f% M5 J2 j" j$ j1 J& } }
+ f) M9 ?: E0 e& a. R) [+ e$ Z% M else {0 ^+ J! z# b' k9 N
yPos = yPos;
; U2 a; K# a& m0 N0 D }
0 J% f; x& P9 k0 A. _ }
6 j) o; W0 D# F8 }# G- @4 @8 M A6 n! ]% y
function hidetext(){
9 e0 d p! _2 Q4 E6 l, x4 L1 Dif (document.all)/ r u1 v0 M. g- w, A+ p
supertext.style.visibility="hidden"
; T) T! q6 R8 U9 Kelse if (document.layers)
* b9 a( V: O7 I0 M1 x, j" I* }0 Bdocument.supertext.visibility="hide"* X3 q' l( M9 g( S
clearTimeout(animatetext). |' e- n" R- V1 {7 j7 Z, @, G7 S
}
9 j' N( \7 g0 H" q6 w3 J' Z1 g9 w8 y! J( Y9 d. }6 r9 S( y5 ^5 i
if (document.all||document.layers){
H. N! y- x. w- ^1 k) W$ idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- {, m2 H1 H F7 s; o0 S
window.onload = initializeBall;
' c/ {( j2 y# y/ Jwindow.onresize = new Function("window.location.reload()");% L" m; d( {0 U
}, k8 M, {2 A; N
5 b/ Y% p, ^1 E+ e7 |9 V5 S0 h
</script> |
|