|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">% g# s# K5 @4 c$ h) n1 @
#supertext {
- q: x R8 p5 w- X/ a& S9 ~) A. @/ Pposition:absolute;
$ p; r, J3 o7 d0 o$ \9 x% y/ Mleft:0;
' Q9 [. p. X* Q& ]& htop:0;2 W) }! c9 w6 w# e% E
visibility:hide;
: y7 j9 y2 f7 Q( J: I/ zvisibility:hidden;1 Y$ R0 r" ?6 \; h/ P
}
1 j$ |0 n g( ]: r0 s. m" a</style>' i8 r+ r" K; H4 S
<script language="JavaScript1.2">1 z7 l0 V, d' h7 t/ F( o: W. T" g
<!-- 改变下的字体的大小。颜色-->
+ I: [0 ~) F8 x" ~6 vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: |. c7 `* U5 }var hidetimer='';
. _; Z+ H5 x! {5 H' D' V6 P4 B+ |<!-- 改变下的弹跳速度-->; n/ f: k% T: Z! s
var BallSpeed = 20;
% _! a$ e0 p7 B) Ivar contentWidth;- T/ Q6 B0 x: E& S0 d, G% P0 Q. O
var contentHeight;4 E. _7 |3 |! h0 ]! K7 r
var maxBallSpeed = 50;5 _& C- w9 ?! ], z ~ V
3 T% @( P4 Q8 T) X: R
1 a2 v( T8 L0 [, S
var xMax;
* z- j. o" ?7 L" _5 J3 L! gvar yMax;
" P$ D4 J) [: c9 ^' X3 Gvar xPos = 0;# l/ Q# ?: r2 I9 M" t9 z1 c
var yPos = 0;
" b: w E; R* N; ]# o( f! Fvar xDir = 'right';' h3 |9 c' A' b7 U; A" a( k
var yDir = 'down';8 T$ t$ _2 B- u
var superballRunning = true;
+ i/ j) c6 Y0 r5 X: E9 Wvar tempBallSpeed;, u* e( w6 v' V& i: N% `1 f
var currentBallSrc;2 G2 s9 Z! d$ }7 Q
var newXDir;: s( [8 I1 z9 y+ ?
var newYDir;; ]; o2 X, N- `5 y) p! Y1 c$ @
c) N: e5 b9 w+ f
function initializeBall() {' {% ~) q! y7 S' R9 }0 n
if (document.all) {
! F& _( W% |0 B' S, ]/ P xMax = document.body.clientWidth
* g3 U8 M* f) l6 o. v* k2 t) Z' K6 | yMax = document.body.clientHeight
" D$ N6 k% M3 g9 s document.all("supertext").style.visibility = "visible";( [. g' ?. I- D8 i1 I
contentWidth=supertext.offsetWidth
) q: N3 _) |. o3 k( ]- K% p contentHeight=supertext.offsetHeight5 y/ H. d( J" C
}
( N, H+ {. J# o9 ~! N1 ` else if (document.layers) {( w \8 b& x- `
xMax = window.innerWidth;
: ^) D" }! l/ b7 F, j9 X yMax = window.innerHeight;3 h0 k* M. O" u
contentWidth=document.supertext.document.width) s* ?8 |9 L% L2 w$ I% u
contentHeight=document.supertext.document.height
% F- @2 H5 g) \) b E document.layers["supertext"].visibility = "show";
, {4 s x9 }! H' N }, i% Z4 L4 F& p4 Q6 E" p1 l) {
setTimeout('moveBall()',400); R1 \' L; _0 e. \3 o8 p
if (hidetimer!=''); t. {# x, j1 I
setTimeout("hidetext()",hidetimer)
% u! G2 E( l: ?' B+ b+ j }& {* l3 S' E$ w q* I- K
: Q+ q" G, S. \! ~
function moveBall() {4 k9 o" N- a, g5 H3 u8 @& I+ k
if (superballRunning == true) {
C( {0 s) N' R+ m9 |1 g5 q$ s calculatePosition();2 C9 t: O6 \" o0 e
if (document.all) {
" A+ u5 C' C: a document.all("supertext").style.left = xPos + document.body.scrollLeft;
d4 L9 ~$ ? V! T J- C document.all("supertext").style.top = yPos + document.body.scrollTop;
/ \$ h. ?- R; o: |: ?" K2 v5 [7 I }
2 m' c' G d, |, ` else if (document.layers) {
+ w8 m6 [' l+ U* L document.layers["supertext"].left = xPos + pageXOffset;& m, y7 q- F: a5 s& Z
document.layers["supertext"].top = yPos + pageYOffset;( ~1 U- z2 w' N% e5 M
}
7 Z5 ?# i, N; m, l animatetext=setTimeout('moveBall()',20);
* i; ~ O0 H/ p. r8 X }
& H/ y# S0 l$ z }, c& x R" S# |
& f. a7 y" h* t1 R. D% {1 P
function calculatePosition() {( d5 i0 i2 W. L/ F$ e
if (xDir == "right") {
/ r: T6 x+ n5 ?1 `+ K; ^ if (xPos > (xMax - contentWidth - BallSpeed)) {+ `/ z) @2 x' \0 I2 v
xDir = "left";
0 d' t8 O8 C& [3 q o; f% [& C }5 j+ u) \ q% v
}
w6 I e) ]$ ]9 o8 [ else if (xDir == "left") {7 S3 u C' R1 B. h7 N6 Z+ P
if (xPos < (0 + BallSpeed)) {( N+ Z/ N7 h/ q
xDir = "right";
5 N9 P& e( ], V7 G1 `" H& A }( Q. p/ b9 _( y8 W
}: L9 k' s4 ~- s- |1 z) I6 T
if (yDir == "down") {7 | k9 O: m2 l6 ]2 |. i7 k
if (yPos > (yMax - contentHeight - BallSpeed)) { {! E6 `, |# z5 d4 u, f" ]
yDir = "up";5 g: u2 W' q+ T) G
}4 w$ M7 P, N/ d1 ^2 @
}
7 U$ Q% ^ ?, g: Z: g/ i; r else if (yDir == "up") {
2 _) l$ P n8 A! U( a f; S. t if (yPos < (0 + BallSpeed)) {
+ a+ F2 Y8 Z9 e1 k" d9 E" l yDir = "down";
0 S1 w' Z; n# n4 l: v1 | }
1 a" T2 Y: W- T( a8 @- @ }% _5 e) i5 B P2 w- k
if (xDir == "right") {' I9 a2 `% l- J3 _2 U5 q* [7 s
xPos = xPos + BallSpeed;5 c& G5 e! I. ]
}
5 z* Q/ P5 O/ N2 v5 x else if (xDir == "left") {/ a! R0 I9 [+ M: S7 w0 m/ \5 Y
xPos = xPos - BallSpeed;- V+ j# t. e3 g) L/ n; k
}
" }% Z/ w; W, O0 o; F1 G7 z% y$ \ else {- U) H( l( n" f; S/ C4 O+ {
xPos = xPos;5 s S6 q$ ?) {- L1 Y3 S1 r+ i
}3 d/ O* B% x- C4 M
if (yDir == "down") {
; }2 `, |2 |: l+ Z0 D @: |, k yPos = yPos + BallSpeed;
u# r% h4 C. W) F }
, x: x2 s; }+ G2 ~ else if (yDir == "up") {& U" B' r8 y9 N& Z: Y
yPos = yPos - BallSpeed;. [7 A" W8 Z1 v& {9 o' U
}8 }" }! K- _8 r
else {0 i. ^$ B- M$ M; I) p) b4 R
yPos = yPos;3 R) J1 s6 F. z$ [& S
}$ l7 z$ S# x; `. F- c2 L- O! l
}
7 w% H) i% p' s; A$ @3 N) h) w$ Z# I4 l4 `" k: j
function hidetext(){, P5 V4 A8 m3 p& |( `* @" X* x
if (document.all)
4 P9 c4 f; W% ]9 `9 w3 Vsupertext.style.visibility="hidden"0 |# V7 U5 _) I" U. J. ]
else if (document.layers)& ^! [" r, O! g& C1 \
document.supertext.visibility="hide"; d: Y; l# \7 {1 B1 C. I7 t1 N
clearTimeout(animatetext): j; x, n t: q3 }1 p8 R% u
}
; d7 _, h" Q; c+ x2 L
& i+ e( q; v M$ w1 R% `8 @if (document.all||document.layers){
% v: e+ }# H4 I: O, z. n" ?& tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 T- }, m) F, x7 f' M& C
window.onload = initializeBall;
% D4 O9 F1 x2 }5 |. Uwindow.onresize = new Function("window.location.reload()");7 [, B/ u" J( c# w s9 ^) {8 H
}
/ T5 e* N0 m z2 {4 v; W
8 k s: b, [3 k5 ` F4 C, {</script> |
|
发表于 2008-1-21 20:55
|