|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css"># v. s# {1 r& A$ ]( j" ?; p
#supertext {. f' r5 n+ P1 p8 e
position:absolute;
" W+ A) y/ d. r8 g' L5 I, k7 `) Eleft:0;; U$ m1 k/ c+ J2 ]6 O2 `' ~: O0 j2 N' Y
top:0;
?& S/ y/ M. V( O' evisibility:hide;
* r6 V% x: U+ g5 e hvisibility:hidden;
& \% z. u/ {: `0 M( y% X9 P9 Q}
L8 J/ r) |4 [</style>* l. e$ d1 c! A) [$ Z4 c) ^% v4 K
<script language="JavaScript1.2">6 y$ Z, T% c" x3 T# x: T: H
<!-- 改变下的字体的大小。颜色-->
4 w' g) Y3 B- vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 d% g6 P9 A( v5 svar hidetimer='';
* l! d1 |# l' a% I& z<!-- 改变下的弹跳速度-->2 S, f* K/ L, A# Z2 K, j
var BallSpeed = 20;( H, R: G/ s( k4 `$ Q
var contentWidth;6 n6 K- d. I8 ]5 z! R* w5 M" p [# L' M
var contentHeight;# d6 F' n# `/ x3 D' `1 V& y/ o% Z
var maxBallSpeed = 50;- y7 P% A6 m5 @
0 J% h) a7 ?' x
" [) n2 |) f& S+ q2 @2 Vvar xMax;
' ]0 P4 U+ Q) f: L: R7 Hvar yMax;
# v& l/ E+ l5 `+ svar xPos = 0;: k5 h( y# s) m8 A. ]0 \
var yPos = 0;
; i, b8 `' o* |+ fvar xDir = 'right';: R+ X) Q2 s+ R% N+ ]* U$ E1 \
var yDir = 'down';3 O1 k/ [& `/ N- q/ ?9 B" w
var superballRunning = true;' }. t" B! r* I: M# I
var tempBallSpeed;" v( B5 G" e* N& p9 C
var currentBallSrc;. y1 B1 ~* c2 a: P5 v
var newXDir;. I; Z1 d, {; F/ W
var newYDir;
0 i7 _; B$ Q; L$ S+ R W, i
% {0 O# I: [/ F6 N: ]function initializeBall() {
0 n$ n& R; ~3 ?9 P0 A8 C if (document.all) {
$ t1 j5 \* }9 A" H5 ~' ~& c- V xMax = document.body.clientWidth
0 O+ v( ?( R& Y! |; B; Y yMax = document.body.clientHeight" Z5 _' ]! ?& U$ K5 r6 _& x
document.all("supertext").style.visibility = "visible";
- W0 F# c$ J' L) ?8 b7 Z6 a contentWidth=supertext.offsetWidth9 T! }" n3 T+ ~* P. y
contentHeight=supertext.offsetHeight
, i6 ~9 P- z5 v7 T' ^ }3 h, I: Y' U }/ M3 j
else if (document.layers) {- ^9 q0 P2 r6 w* x' O0 O) R0 v
xMax = window.innerWidth;' Y. q) Q+ U9 k! r5 _$ Z
yMax = window.innerHeight;
* q' @& ^( o& \2 Q contentWidth=document.supertext.document.width9 B0 Q5 W8 a U* Y! a: r
contentHeight=document.supertext.document.height8 O0 a5 ~8 |) S
document.layers["supertext"].visibility = "show";5 c4 H8 `; C0 A8 u
}8 [# A4 Y8 R/ S; k: s9 u! A( T$ |
setTimeout('moveBall()',400);) B4 y3 ~3 U9 ]2 H# I, T
if (hidetimer!='')
5 R2 g8 b- c, ]/ b6 n( n* [ setTimeout("hidetext()",hidetimer): O- E: R$ H0 C6 G) @$ `
}) ]* E* d( U; c+ U) p
% o# k! K0 p5 J- B* kfunction moveBall() {: Z9 x( f2 g3 g8 l! k
if (superballRunning == true) {
7 ^2 u+ E# F( T* B6 k calculatePosition();
Q: z& P0 X8 z* C if (document.all) {( R. R) w3 p, N
document.all("supertext").style.left = xPos + document.body.scrollLeft;. F: B k( c% c1 |
document.all("supertext").style.top = yPos + document.body.scrollTop;& u. F- I, e! c& h: h
}% K; c3 Z, g+ I' p$ v$ l- e
else if (document.layers) {
0 c/ X2 Q. X8 ~) N document.layers["supertext"].left = xPos + pageXOffset;
* S* W8 F" X5 M9 w' H9 @% p; f$ i document.layers["supertext"].top = yPos + pageYOffset;
- B7 b: `7 O+ B, u. D( i }
9 I+ |1 A, o4 J( B+ [2 M6 T# D! S animatetext=setTimeout('moveBall()',20);
3 L" S9 w# Q2 S: L+ ~ }
! z" N; Z4 C, P* U }0 g& Y+ F) ^4 r9 H5 |
# ~7 Z' ]2 d9 R0 [" y7 efunction calculatePosition() {
& c' s# [! H3 M& {: V if (xDir == "right") {# k; u- M+ w# Y4 `3 z3 X* c+ }
if (xPos > (xMax - contentWidth - BallSpeed)) {
, F$ c/ t h5 }7 M xDir = "left"; p2 X t! }4 N& l" ]# e7 ]
}
1 a+ G8 b0 Y# k; h+ Q; C }: ?9 y' t1 {7 Y @. B6 a( j% O
else if (xDir == "left") {; |* r4 c# P' I0 W, d5 I ^. k$ T3 t
if (xPos < (0 + BallSpeed)) {
* o' j5 w F! U7 J& M xDir = "right";/ ]! p4 V9 k# I1 G! T
}4 |; j/ Z' l& G# F7 |
}- j, |5 |& \2 P4 Z3 T, G: d6 n
if (yDir == "down") {9 \% O" d3 O3 v( A
if (yPos > (yMax - contentHeight - BallSpeed)) {2 V2 L& x% `& |+ a3 i- k' p- f
yDir = "up";
' |$ |/ @6 Z/ Z# F1 l! } }, f5 {& n( m# h! K; T, n; o
}
" h& X$ u9 y1 P# H6 d6 B1 R else if (yDir == "up") {6 |' V+ C1 w8 X0 F
if (yPos < (0 + BallSpeed)) {1 k( \2 T8 y9 s, y0 c+ ^
yDir = "down";( N8 M6 N( `/ l2 v$ `: z
}& z, s* J* P9 T0 C' @) V" Z
}, g/ [: D; P* b. [% G$ h
if (xDir == "right") {/ q+ l; m0 T" V- n
xPos = xPos + BallSpeed;
4 x. X+ @6 l6 _' S$ Y }$ A+ H ?3 B+ [/ \3 o, K& ]
else if (xDir == "left") {
5 P) z* |0 S# C0 D, K xPos = xPos - BallSpeed; D1 j. l6 G& T. I/ c. A; k
}; L8 X, Z; S: U* D/ ?: K& n
else {5 U; T7 v# _( ]( J" i) X% i7 @6 c
xPos = xPos;" F5 M$ _' i! y a$ }2 V
}
# o) S3 Z% J; y9 F* h$ U; I- m if (yDir == "down") {- r s0 [. E! S$ w% R2 b
yPos = yPos + BallSpeed;
* `5 U; S) ?$ p4 C. A }" F3 F8 @, U) c8 I& m
else if (yDir == "up") {0 R* r; h0 Q( h8 N! C
yPos = yPos - BallSpeed;
2 Y, n: g" p* V8 ^ Q# b5 x g, [5 C }( Z; D/ K9 c5 w# s& b! z& H
else {, f; A2 e# P/ I8 V* W, V
yPos = yPos;
$ L& k0 f5 N* p$ H }
, G8 }! W( p) F! s2 i }
) e( s+ _6 z* k- J% M
; T6 H9 {, [6 Dfunction hidetext(){
7 u4 I8 H# G7 X mif (document.all)" Y5 J' c/ ~% j l
supertext.style.visibility="hidden"
# F7 T: b) G) Q5 jelse if (document.layers)) U8 R& n1 _1 u" E. L. g
document.supertext.visibility="hide"$ M( n, |) {1 \
clearTimeout(animatetext): @9 a- k, j# B# E! g) L B+ U
}
: R; N- G3 ~% C4 M5 V; H5 {6 Y: d# @3 h- |5 v2 X) t( l( f
if (document.all||document.layers){
6 s0 R% C1 v* G7 @) a5 A udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) h5 y: ~9 N' Q' e4 P# L( swindow.onload = initializeBall;) {( d6 ~" j7 U2 q; X1 z# _6 S, D+ y
window.onresize = new Function("window.location.reload()");
, r! ^: a, p( M" l0 `$ U} C1 s' j6 A0 U( V
# r5 C8 P6 b! O! l- y</script> |
|
发表于 2008-1-21 20:55
|