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

|
网页之不断弹射的文字-特效
<style type="text/css">
; K) m( q6 \. d P' S% ]( j# e# K#supertext {- m' A% r! h% E4 J: t8 Z1 T; ~
position:absolute;
* T/ D; p0 @4 X O. t. @$ wleft:0;0 T3 b1 G B5 W8 H. _
top:0;- s! g2 K2 ]4 u4 {
visibility:hide;6 ~: T% Q& F. r/ o5 [% q
visibility:hidden;
' Q$ D& i( m% i}
( y3 T- p( p* {</style>1 R, w9 a+ I! r; _0 d
<script language="JavaScript1.2"># f$ h ^ w5 l! `1 Z
<!-- 改变下的字体的大小。颜色-->: ]1 G4 h% M% h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) |! N0 r5 i1 Lvar hidetimer='';
1 b6 p5 v9 U) V<!-- 改变下的弹跳速度-->
5 o; g; y ]' Lvar BallSpeed = 20; I5 L0 [3 H) I) \8 ]" ~; @5 F
var contentWidth;
1 G' R% _ I* k& |& {6 {4 T, _8 cvar contentHeight;
2 g. l" p- U; y" s2 ovar maxBallSpeed = 50;
' W! j0 z4 I3 @9 N$ N p; i4 u
, {) {2 f" Q5 A3 i+ Q! V9 d2 K& W+ O+ q3 T6 M
var xMax; e: R- T: Q" J2 G9 A m* M9 `6 m* _
var yMax;
4 d) ]$ d/ o4 ]0 O* ]var xPos = 0;; p! {; P2 C7 H7 K& a3 ]$ J
var yPos = 0;( b9 u4 I1 V4 D5 s- U/ r/ e0 \
var xDir = 'right';
. D' j% j. v% c. M. r% d2 N5 Evar yDir = 'down';
{' |( P+ r/ O6 vvar superballRunning = true;
) N3 i! w9 b u* [. Cvar tempBallSpeed;
0 N( f) S' W: e& F7 \$ {var currentBallSrc;
; H" Q7 k, J% `+ J$ W! Q# t: mvar newXDir;$ I& Z- X& ], L% [7 r
var newYDir;
7 U0 z( b! Z" U) T3 X' ]) c
! G H8 U- u3 \$ \/ @function initializeBall() {
# q1 ^% W- h5 c0 q) I: j if (document.all) {
& K4 m) E& R) C `5 ~' [' t4 }8 J xMax = document.body.clientWidth
# Q" N H' h, F% l% @1 Z yMax = document.body.clientHeight
/ R2 w ~* {' q/ @0 ]3 G document.all("supertext").style.visibility = "visible";' _( e a' i* ^# r
contentWidth=supertext.offsetWidth
# N, c. V# h. a( ?# V2 L contentHeight=supertext.offsetHeight7 _ x( h9 U# [ j/ T- E0 r( V
}! Z, |# [4 W$ O# k! ] w
else if (document.layers) {
J$ W6 ]& N) Q0 P( `1 T xMax = window.innerWidth;* ?$ t) H2 m+ ^
yMax = window.innerHeight;3 E2 U9 Y/ j8 `' D X3 s% O8 w
contentWidth=document.supertext.document.width
9 x, v; l, |& W& G2 k- F5 i contentHeight=document.supertext.document.height
4 x/ Z6 i( M% T$ D+ [ document.layers["supertext"].visibility = "show";0 y W- s% D! B( F
}7 c1 C9 J) U* ]+ g; f
setTimeout('moveBall()',400);+ u# p! ]5 {/ K$ J
if (hidetimer!='')* I. P+ h; {2 ^/ x( C( p+ Z' e
setTimeout("hidetext()",hidetimer)
0 D# z+ `: m0 g! b7 ?- C }. P. _3 H4 X6 t) J4 L
( W4 d! {3 F3 Q! c w4 _2 x
function moveBall() {# E8 l5 G2 Q' j# D* |1 P; ?
if (superballRunning == true) {
" D# C/ L; _+ P& ] calculatePosition();2 _ @+ H4 [+ j7 y% x, H5 ?
if (document.all) {
; M& } Q& c% r/ | document.all("supertext").style.left = xPos + document.body.scrollLeft;& ^; E' J: F8 }. e
document.all("supertext").style.top = yPos + document.body.scrollTop;) S J! a6 {: N" F3 [0 g- s
}7 K/ }1 ^3 a0 a) P0 h
else if (document.layers) {
7 L7 G _. \# m" x document.layers["supertext"].left = xPos + pageXOffset;
2 a7 J5 M% k% g3 M* D. g8 z" R$ y3 P1 q document.layers["supertext"].top = yPos + pageYOffset;! E9 f8 l0 u, N
}
& j- ~0 _ Y) z- U" I animatetext=setTimeout('moveBall()',20);
0 X' O2 K4 t7 e% r$ n }2 d7 d. _- F/ x0 x7 f6 U1 H
}1 S2 g- F2 L6 ?8 I) ]
8 x$ O4 \$ E* n+ H% @. o6 O
function calculatePosition() {
- @: k( n/ f+ q- ~& J if (xDir == "right") {6 p1 Z$ s7 }$ J* d
if (xPos > (xMax - contentWidth - BallSpeed)) {& J) B3 S, ]% w+ L$ P9 T
xDir = "left";
6 t7 T. ?0 \ P& c) ]( A }
3 J( c8 c; G i c+ } }
( T4 k0 W( A M6 I else if (xDir == "left") {
+ {( M+ U6 x/ } if (xPos < (0 + BallSpeed)) {2 H- M/ N/ w+ j2 [! l) |. w
xDir = "right"; B: u2 I5 z0 |* j
}8 J8 z! j+ Y5 U# w
}( @: N F2 q& W- }, q5 H
if (yDir == "down") {1 z- d; ~1 O) E, f
if (yPos > (yMax - contentHeight - BallSpeed)) {
& y1 I, N! e. b' c( |8 [) {, F yDir = "up";2 ^8 ?3 M: [% _- @% d% X2 R; g& h) _
}# c+ W7 J* A; z; Q- H. h6 y5 A
}
' _0 _$ V9 Y# p, y8 p7 i else if (yDir == "up") {9 W1 ~7 i& B9 M. j' i7 F$ X9 K' m
if (yPos < (0 + BallSpeed)) {0 R; q3 l9 ]4 o
yDir = "down";
/ d; H9 X) h9 v6 A) z }4 ^ a; i: k7 Z7 u6 |
}
- s9 u ]0 G" {$ ~6 g9 O- N if (xDir == "right") {
: V j( E$ z* L, f' ` xPos = xPos + BallSpeed;
, r7 k/ G( F: u3 ~; @% \2 ]) ~$ ^ } Y$ h* s [+ A0 o- W
else if (xDir == "left") {3 T& s* E) Y, x9 }
xPos = xPos - BallSpeed;' W. \' L' b- {" Q* j7 v# ]9 `
}
) o% y7 `6 Z6 h B1 Y0 P+ L1 R+ I; N else {
/ c0 o# ~5 Y# G xPos = xPos;
0 C" M4 k( h" e5 ^+ {) B& T }. ~4 N3 U3 J1 Y1 `1 I
if (yDir == "down") {6 b3 B. N% u0 Y7 q. _
yPos = yPos + BallSpeed;
5 D6 I5 K; H$ I+ a/ L) N( ~ }' t4 ~" a4 l6 V8 _) ^" Q1 t
else if (yDir == "up") {
^0 B( Z* e- J, Z0 v* P* z yPos = yPos - BallSpeed;
! S1 M' } ^( c3 u- w5 A }
$ {( H7 \, y1 [* P/ m) w @2 C else {% `& z; G7 t' \6 u" f. ^
yPos = yPos;! o/ B6 A/ E; H9 l5 x' }( ?
}
1 l" f% l4 K2 ]. o V m; r# B }5 l; S3 b8 t+ K5 i' C
0 `9 n/ J8 _$ z6 n7 ~: Ifunction hidetext(){, V# D" t3 s+ c3 j$ ?
if (document.all)
" B6 m2 F" i0 `# P4 C& fsupertext.style.visibility="hidden"; i" w: ^9 G0 A2 Z: K Q3 w1 C
else if (document.layers)
/ k. H- |3 X: K2 D/ Ldocument.supertext.visibility="hide"( y, ?0 B& |. C2 F9 q/ Q' A
clearTimeout(animatetext)) t' g# O5 F* n4 c
}2 Q' B3 P P4 M3 e; Q* p) u3 G: L. Z
$ l4 w! _ W7 r& |, e2 A$ R
if (document.all||document.layers){
- }# P( Y3 h7 S; q- sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- c' W& ^4 @: v) Q( \4 I- L3 Z3 z* Cwindow.onload = initializeBall;( x7 U c! Y$ }0 F2 e% M# Z
window.onresize = new Function("window.location.reload()");3 z2 I5 e4 ^! H! Z
}9 G8 K' Y7 P5 B( J$ r0 V
. t* `; Q) C5 j7 C4 [
</script> |
|