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

|
网页之不断弹射的文字-特效
<style type="text/css">
5 T% q. V" @+ m* D: R- u#supertext {
1 n! ?4 ~' W1 qposition:absolute; R# t- y: c4 p) r! [% K3 C6 B0 o
left:0;
# u% ^3 c' X2 m- _) G5 ttop:0;9 |# ^7 A3 \' T, I f5 [" i# O
visibility:hide;1 l( O2 g3 Y( V4 b- ?' s
visibility:hidden;
! ^; H" N1 R; }& o& t3 x! P}( K2 f) T& `. J A4 p
</style>
! ]2 P* a S" v; f+ X3 C& T N- u<script language="JavaScript1.2">; w+ k, @8 i# _7 }. r5 V. y/ h( r4 D
<!-- 改变下的字体的大小。颜色-->8 \, Z9 S' L6 ~* B0 s- J& `% q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( r" n) w+ I' F) F/ H e/ d) a: Xvar hidetimer='';- q0 I( n1 }$ Z/ z1 Q
<!-- 改变下的弹跳速度-->
8 A$ ^8 [5 T' ovar BallSpeed = 20;
# B0 S$ s4 |/ `" b7 P+ \* uvar contentWidth;6 z, T; e& d Y+ B, @) o* `3 }
var contentHeight;
4 }- c- f4 N; i D! A# bvar maxBallSpeed = 50;
6 N7 j8 L* R4 R; v o
7 O6 G' B4 Z# u- V% Y
5 W# ~# u, o- e% W5 w3 mvar xMax;- J8 C, h+ S' f
var yMax;2 N$ {3 g6 v5 E# ^
var xPos = 0;$ E2 {/ D7 j/ j8 a ]; b& a
var yPos = 0;9 F- c9 ?7 E& ]
var xDir = 'right';: a7 G! H- e, X7 R1 @# c
var yDir = 'down';! h: J- a2 J) X Q! M
var superballRunning = true;, f9 D) @* x4 G" A
var tempBallSpeed;
9 O& y4 K8 n0 p# H, jvar currentBallSrc;
; h. y# s% _/ u! ]3 B& P6 xvar newXDir;
6 B% _! I T$ @, ]var newYDir;
3 m1 f7 D: C% x- a- ^8 q% G# z0 f. t/ `* n1 v: m5 W+ L4 V! g' E
function initializeBall() {. N1 u, p- ]' u9 Z3 k8 u
if (document.all) {+ _: a/ a) U6 e/ V( V
xMax = document.body.clientWidth* H+ K, O) u& | E0 W
yMax = document.body.clientHeight0 B/ C6 k, M# N
document.all("supertext").style.visibility = "visible";5 c+ m8 M7 s. T0 D8 u- Y
contentWidth=supertext.offsetWidth
! T3 ^6 Z( _; Y, ~/ r6 f" o contentHeight=supertext.offsetHeight
0 {" u/ S0 v' [( ^* {, C/ r }* \/ R$ V5 h9 q
else if (document.layers) {3 \* j% a# n/ G+ r/ }
xMax = window.innerWidth;' e; J# c) S5 L3 M1 W
yMax = window.innerHeight;
?& Q0 o9 t% V" q contentWidth=document.supertext.document.width
* E. v' J* @' @2 V/ I% O contentHeight=document.supertext.document.height
2 ~7 J+ S, D$ Y3 A0 t document.layers["supertext"].visibility = "show";/ }& x3 S; \& |$ k. q3 M
}
7 Y' f4 R* c8 J0 j0 o# T1 ? setTimeout('moveBall()',400);" P! u% z7 W9 j* X
if (hidetimer!='')
2 p# X3 N9 Z. [7 T4 ]& M setTimeout("hidetext()",hidetimer)
2 |2 m2 D; p) k/ C; v }
( l7 k' D2 P7 ]: {- f6 I6 v
8 `9 H J3 f, w, O3 M. b* {function moveBall() {9 g4 d* T: T3 f {3 U. {( {0 r1 r1 f* r0 v
if (superballRunning == true) {
e6 ?; ~0 I, w, I calculatePosition();& u6 B m% A# {/ q2 I3 K8 S+ k
if (document.all) {5 [) k: \ A$ R: k/ q
document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ S9 k! R1 F( z0 x, C0 a' G document.all("supertext").style.top = yPos + document.body.scrollTop;
( T$ t4 _9 N, |2 Q7 x3 F9 w }
6 `3 [6 Y8 \& Q5 H& ]# d else if (document.layers) {
; u% I; `% ~& T6 @/ u. ^ document.layers["supertext"].left = xPos + pageXOffset;+ y K8 c* l+ ?" _; g
document.layers["supertext"].top = yPos + pageYOffset;
# R9 g; w8 q; o- Z5 J7 f, q. S }
; D: }8 i( O! @5 X5 J3 l5 G1 P animatetext=setTimeout('moveBall()',20);0 S9 z5 V7 M, L
}
4 R& d; h6 G3 e" z; V }4 |" V! A2 R& _5 H
; Q7 C6 n1 S; `, }* e8 I" Hfunction calculatePosition() {
, F' `7 ]6 g! x7 p! e3 F if (xDir == "right") {2 \" R5 B: G+ q2 k
if (xPos > (xMax - contentWidth - BallSpeed)) {+ d6 f6 U" l* q- i
xDir = "left";9 i" w' c+ Y' {. k9 Y1 R
}
# H9 q% b0 h; {) t: y& r- G }
/ t3 |$ n3 Z9 U/ o: R V+ Y else if (xDir == "left") {
$ C( l8 ^, ^4 h0 x- f if (xPos < (0 + BallSpeed)) {6 [2 X- O. ], [) @4 Z1 S
xDir = "right";
6 i0 q+ h, _2 ~2 g. {5 h1 v( h3 `: Z }
: j0 A/ l9 w$ t3 Q% Q }4 J0 ?' i# Z% O: R. }
if (yDir == "down") { R4 g9 k: n% E: m; p {
if (yPos > (yMax - contentHeight - BallSpeed)) {4 |8 c6 }( j: Q& I% j
yDir = "up";
; u7 Z* M2 v+ p }
* N+ _$ ^# c8 \# u1 H }1 _5 H6 B+ w6 J X
else if (yDir == "up") {
9 m' { Y3 b8 G if (yPos < (0 + BallSpeed)) {
4 \- B, u1 r |& T/ g: X yDir = "down";
5 E3 `7 ?+ L' s7 K }
; V; c3 k: T5 ? }
. N2 L6 K1 U* s5 a5 m3 R, g if (xDir == "right") {
8 w D- i8 g6 K* i xPos = xPos + BallSpeed;9 s! r1 m v5 G; Y9 m
}
9 }) r7 @6 O; O' a0 S/ R" ^) a& G$ t else if (xDir == "left") {. M) F, G/ U/ \9 E3 ^8 K/ s% a; w
xPos = xPos - BallSpeed;
# X# M B) @# U9 U$ M }
( I6 q$ d8 U9 t2 ^& d8 H6 Q else {
|; n+ M* ]$ K3 `& G xPos = xPos;, z: p0 z- ^2 v$ c+ |# x( o
}
2 u, `6 k1 W/ }. i, I if (yDir == "down") {
: R+ T2 s2 q5 F2 J yPos = yPos + BallSpeed;
! ]2 b; V: ]* p0 L2 c }
6 }5 I- u- \1 C( ?7 X else if (yDir == "up") {- k1 t. I0 ~+ B- W$ h7 P2 ]" Z
yPos = yPos - BallSpeed;
; `/ N& S/ c3 X }: N: p w9 m7 ~
else {
5 z1 \$ U5 H' X yPos = yPos;; {' ^2 j1 D g6 g4 C* C# Y8 ]/ u
}
0 K: ~1 C5 W n; s3 B- w }
3 _: X2 Q t' i: {
6 |, f' L$ v3 K4 B( G( ffunction hidetext(){
7 w/ Q7 C t$ p% D+ h* k$ h& k ^5 R+ mif (document.all)$ v( U( u( ~( N
supertext.style.visibility="hidden"5 {1 u/ w8 R* O0 Z
else if (document.layers)0 Q1 G" S# F! q% K& C
document.supertext.visibility="hide"
) N& E' r2 J7 I) n# ]clearTimeout(animatetext)
( K2 U) L' i, a( ?5 E}
* Y! a% \2 L+ K N7 {+ b
: _8 w7 [: ?- e* Kif (document.all||document.layers){
2 g+ Y2 s' B) ^% Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 ], ^4 ^ F b4 j' X
window.onload = initializeBall;
4 h5 P3 I) v- Z) Z5 b# jwindow.onresize = new Function("window.location.reload()");, D' ]. s' @% t4 k
}8 [( S" K5 N$ z/ E7 G' m
1 F" H' t" x0 V: a</script> |
|