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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ d* M/ H9 S1 s* B$ ~#supertext {) |# q; |; @1 O
position:absolute;
0 i& F+ [: t, [: Z* p8 k: d) ?left:0;& X$ o9 v- [ A$ v) ^( @7 I7 U
top:0;
# V. o* N+ _: w* b& U. e7 ^visibility:hide;7 [( H( ]3 {& @ @
visibility:hidden;
/ Z* I: P5 K+ R. O7 U7 n}: e( ~' q9 {" o3 ^5 m" L
</style>
. E: S+ E1 L1 S- l& f<script language="JavaScript1.2">
$ K$ w* e( m* z* b<!-- 改变下的字体的大小。颜色-->
n3 G6 a) ?5 b; Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) m; G4 B/ z" Z4 X' c6 ]* Y; uvar hidetimer='';- O( d9 E$ `& g8 @
<!-- 改变下的弹跳速度-->
* ]. z+ z2 c! {var BallSpeed = 20;
' Q. Y' q( ]' hvar contentWidth;
. @( h( U( ~2 R. svar contentHeight;
# I0 m' ?# j2 P% ] B9 F9 Svar maxBallSpeed = 50;; a2 o0 w) r3 N% V
+ p# e6 L+ G7 }" _+ d' `. Z; Z- j4 n; y5 d. x; O$ [8 i2 q# q! t
var xMax;
+ ]" D/ B1 b) F* [" K6 qvar yMax;$ i& Q$ Y! U; a0 E
var xPos = 0;1 V7 j1 k) D: `+ e- z# c
var yPos = 0;2 [1 a# Z+ s+ `0 Z
var xDir = 'right';+ ^0 i l0 {, u7 D" O. D
var yDir = 'down';
1 ~) l8 Y7 m6 f4 t) O* E0 Avar superballRunning = true;4 h" L) U' p m0 X; |' v0 {3 G
var tempBallSpeed;* L9 B2 x0 C% f0 O& J! i
var currentBallSrc;1 @. d- r, w% x2 [6 l
var newXDir;
/ V4 Q& q4 I; _: _9 j6 i1 Qvar newYDir;
; H( o Q6 @ [5 h
2 p# v# }- G) j8 s- r8 kfunction initializeBall() {, u0 ?( N$ z- j! L* i; w
if (document.all) {6 N5 z0 M2 e* x: W! n
xMax = document.body.clientWidth5 F: @! E5 I" i# `( Q; ]8 X, ?# |
yMax = document.body.clientHeight
$ y! B& u) B+ f6 u document.all("supertext").style.visibility = "visible";: U! o7 e+ Q+ l
contentWidth=supertext.offsetWidth; [2 z# R. } Y# E6 o4 ]6 X. T
contentHeight=supertext.offsetHeight w' `) p5 U% G1 b W
}# v, S' d% P s6 w
else if (document.layers) {0 H' Q' n, X6 p6 S0 v) Q$ u
xMax = window.innerWidth;
3 |9 o U: {* `; @2 n' v yMax = window.innerHeight;+ C; w0 Y& o X- w. V1 s
contentWidth=document.supertext.document.width& K& H0 A p; u# U# H4 O2 h
contentHeight=document.supertext.document.height
9 b' p R/ ~* P* J# I document.layers["supertext"].visibility = "show";
/ F: h! x6 n/ [/ A, U- m) _ ` }# O( ]! ~1 K0 X. L$ m u% w- V: \: A
setTimeout('moveBall()',400);
. b, x T( L" E% ]/ P6 u K: m5 ]& X if (hidetimer!='')3 `+ m. d, N1 h5 B1 G7 S7 H8 Q5 D7 X1 i
setTimeout("hidetext()",hidetimer) v$ \6 V, U" I7 L$ b. T
}5 T4 }$ \# z3 Q( B! ]
3 ]! \+ l+ x+ L& Z$ a8 [) w
function moveBall() {
' t& R0 \3 C* n$ O( _ if (superballRunning == true) {
! Y& r# X( y0 e& u6 p" X calculatePosition();$ ^: [ L$ g6 {
if (document.all) {
) V) t* o# P& K+ t3 B% B8 W document.all("supertext").style.left = xPos + document.body.scrollLeft;! A" r' Z" m* v$ D' g6 t/ M6 |
document.all("supertext").style.top = yPos + document.body.scrollTop; D7 _1 Q& ]+ g' L4 @
}
2 p- j+ l* _0 ^; u2 G- { else if (document.layers) {" r# [% M5 c8 U% t( i! o
document.layers["supertext"].left = xPos + pageXOffset;8 T$ ^$ P5 k: B Y
document.layers["supertext"].top = yPos + pageYOffset;0 N! A( }6 ~1 ]" E1 o8 a5 g) L
}5 d" ?4 d& E9 Q6 l* Z# O
animatetext=setTimeout('moveBall()',20);
; ~$ t. f- K6 u8 w7 N- S; A }
5 O) a7 V. }8 F }# m, R( K/ S# O
6 L5 g0 ?/ y; k n
function calculatePosition() {
' W+ A6 a# j" |$ e9 h" L if (xDir == "right") {" ^7 }: H% X6 m$ M O! ?/ w
if (xPos > (xMax - contentWidth - BallSpeed)) {
* H$ b; J0 ?9 x$ k# c9 T xDir = "left";' m+ P$ S- r7 ^! U! O$ E
} R: s* Z9 Q A- X8 M* M9 R* n" T! E
}
) P/ t5 C6 L% z else if (xDir == "left") {) p" o( ?0 r, [
if (xPos < (0 + BallSpeed)) {
& {8 ~: P% J( x6 Z3 y/ b" M xDir = "right";
: j: \' _5 W8 Q2 ^ }
y: w2 u- y5 C. u8 ^7 K }
8 B- M1 L: C& m( V6 `& ? if (yDir == "down") {
8 L& G9 h2 Q9 \6 r, k8 B if (yPos > (yMax - contentHeight - BallSpeed)) {
: h( m( z& {; M& a* S0 d yDir = "up";
& j+ z% E0 |: P5 p }
) J `* G, W8 T1 x( V }
+ ]4 K' T9 {$ l2 o- F4 o9 A! z else if (yDir == "up") {% Y, o! x& ^! b& B4 `$ W9 D% ]5 P
if (yPos < (0 + BallSpeed)) {
2 u. O$ H! r3 e3 u yDir = "down";
3 t, R8 K I# L1 V* D( ^1 k }6 l L6 o- S$ c. E7 Y5 X2 A
}" B- v E. q$ g
if (xDir == "right") {3 n) H& }3 P1 Y6 C
xPos = xPos + BallSpeed;
/ H6 u) u8 M4 B) Z0 f+ m }
1 K7 Z+ ]5 X! U8 w else if (xDir == "left") {
& ^+ u" c- F/ Q7 v) l) a* T" t( k xPos = xPos - BallSpeed;
7 T/ f# ~9 l: ~; `) ]7 |5 ~( s }6 u) u2 g! |: R' G
else {
: k' `0 U, l/ z6 N, J" D xPos = xPos;- i/ o- G! l+ w
}( d$ i) h, y- F$ W3 m4 {
if (yDir == "down") {
+ c% J' Z$ g% a2 r0 V" f$ F4 { yPos = yPos + BallSpeed;
( S% v* b" r0 h }" |/ e) W2 H5 C% q/ R
else if (yDir == "up") {
) d5 [7 | D: e; D- r2 v yPos = yPos - BallSpeed;
' j7 w6 t. `3 @. Q, M$ d7 J }
: p( y D8 n8 h* B else {8 I- @! v1 M( Y) ]( U
yPos = yPos;5 A% _: z0 [8 I5 w9 k& A
}
9 u& P/ {) u" i8 e" c8 e' T% S }
* v4 b* t1 R2 _- f% p* E! ]0 P
( J! i5 D/ u4 hfunction hidetext(){. @; e# x+ g1 X/ i7 p, [
if (document.all) Y# J9 l: Q+ s) `, U! `* ~, M2 |
supertext.style.visibility="hidden": k8 \7 `& h* |) c( R; i
else if (document.layers)
: c3 \2 m9 Q! i/ a: X. edocument.supertext.visibility="hide"
! h9 R$ W9 z8 [9 H$ S9 RclearTimeout(animatetext)
* x2 u4 \# @: d# i" H0 Y}0 @, R+ `" b& @3 o9 c6 ^
2 x8 x4 }0 L7 Y) Aif (document.all||document.layers){1 G7 S- R3 |+ P4 n8 L/ s' k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 p/ p6 n8 P% Z
window.onload = initializeBall;
* k7 _5 D, }8 S4 ~" }2 C6 `window.onresize = new Function("window.location.reload()");5 k9 X3 B( W4 N# M1 ?
}
+ R- D/ R4 B' Q. W/ Z. m- T5 H7 P9 R1 _( Z; r
</script> |
|