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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 @2 K4 b7 I$ g/ s: h. |( }#supertext {+ `5 t: M1 R: C# z
position:absolute;4 |& c: l7 j8 ]
left:0;
( u1 u- [5 N/ x% ftop:0;# V- l* k, Q' s$ Y( b4 t
visibility:hide;3 @ {5 f0 V9 l6 D3 n1 _
visibility:hidden;8 e( R0 q4 N+ M
}% N6 |2 p& V7 j# x O, O' O
</style>2 d7 n8 L" W1 f; [( D7 v9 q
<script language="JavaScript1.2">
' `; A' g* Y# U( h<!-- 改变下的字体的大小。颜色-->
* f2 r# i7 D+ U3 ^" cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 q/ H; A5 I- Bvar hidetimer='';
3 i& d2 d; T/ H& L0 N: O<!-- 改变下的弹跳速度-->- a3 x9 K0 O+ a4 I$ ?
var BallSpeed = 20;5 C1 u, x, ]. o3 G ^0 k, E) P9 ~
var contentWidth;: G( W+ h2 c: o2 Z8 ~/ ?' q
var contentHeight;
& i3 l* o8 i2 u% Zvar maxBallSpeed = 50;. g1 V2 ] W6 ?, r( a7 G, o* M
6 d5 D4 P2 Y- V+ e% m' P
) U1 N& x: T) v4 evar xMax;
$ U" o" @( S( D; H* I: qvar yMax;
4 h; w6 {. ^' c+ I6 Ivar xPos = 0;
# i( D/ }: V, x1 v$ _& L; Nvar yPos = 0;
E2 U3 \. F: Ovar xDir = 'right';( c) C0 Y* t9 {5 {) T9 p
var yDir = 'down';
0 a( p) l' k# cvar superballRunning = true;4 D1 ^9 P B6 d ~* I2 z
var tempBallSpeed;
: t8 E$ k0 n1 Z5 k! F; gvar currentBallSrc;
: n& \9 O6 D% U$ d+ |4 }var newXDir;
7 L7 l4 E1 w. r/ g' s* Ovar newYDir;
, ]# ~3 {4 m3 |8 C# t
6 v. ?) e# M. }: [7 k2 cfunction initializeBall() {
4 K/ [7 f# l. U8 B/ s2 u if (document.all) {
4 u1 k" i1 D. v" C- I7 Q3 p4 f+ v' x xMax = document.body.clientWidth
* E; E' g6 I0 w$ n- I7 w yMax = document.body.clientHeight
8 O3 D5 l. e( \ document.all("supertext").style.visibility = "visible";; ~$ H; p# \! H
contentWidth=supertext.offsetWidth
' _+ E! |! Z! m) J! T ] contentHeight=supertext.offsetHeight! T$ H# B( g# B
}
( i4 k% `$ Z6 E4 I- f- r else if (document.layers) {
5 [: X; @! I ^ xMax = window.innerWidth;5 a- r4 F0 o4 `* ~
yMax = window.innerHeight;
& @- X, p8 U! R6 V; D contentWidth=document.supertext.document.width
; ]6 W6 y! ~) T contentHeight=document.supertext.document.height5 B Q# |& I, {6 h1 h
document.layers["supertext"].visibility = "show";6 O% x- I& j7 c
}
! s, C- W7 ? |# Q+ }5 \* B: H8 V8 p5 s setTimeout('moveBall()',400);
& }( k w7 f( A6 N5 m W! y) E/ D if (hidetimer!='')7 Z9 J2 f4 p% [( N. o+ l1 `
setTimeout("hidetext()",hidetimer)( U( M" B$ q" h. p9 e+ i) y& I$ B
}
- x) z, H: R$ Q" P& l* e& ?$ P. z
function moveBall() {( K, }! x9 @9 i, r' n
if (superballRunning == true) {
$ q& y4 m# ]' ^0 l( T' i1 K1 E/ q calculatePosition();
; h. H+ e) U, z) \ if (document.all) {
" `) t8 n4 [3 b8 f document.all("supertext").style.left = xPos + document.body.scrollLeft;, [* s8 Q7 O4 G- S4 J
document.all("supertext").style.top = yPos + document.body.scrollTop;' D( }- ~) j* K4 `2 g3 x# C
}6 E1 U; H3 L9 y0 _* E
else if (document.layers) {! X$ V* A, q0 f {! U
document.layers["supertext"].left = xPos + pageXOffset;
% a$ k, @8 X1 G0 ~& Y0 e4 d" D; c document.layers["supertext"].top = yPos + pageYOffset;
5 M& ]1 ^3 C6 z5 J6 D; W2 C }6 T: E5 Q! s0 K- c/ c ~
animatetext=setTimeout('moveBall()',20);
5 d) x$ U' [9 k" e }
5 P/ c( g* b8 t( w; J }; l6 Z) [: R; ^
6 o# V/ f4 p* l" |) m; @
function calculatePosition() {# C. A# r7 n& Q' n4 U
if (xDir == "right") {8 P9 Z. z: W9 b5 O( s/ V
if (xPos > (xMax - contentWidth - BallSpeed)) {" {# D/ D* `1 ?; Z9 s
xDir = "left";- ?3 B: Q* j: \( `% k
}
! K, B5 r# y/ l+ D9 A2 T) X }8 x1 C) n6 t/ I# l1 U
else if (xDir == "left") {
R/ ^" \! t1 |0 g1 Y if (xPos < (0 + BallSpeed)) {# t) |' C5 w* ^' P
xDir = "right";1 R3 N, \/ e' F
}( m9 ?/ Y# f& d+ S3 P/ U
}' q& ]5 }5 H5 c# @* P
if (yDir == "down") {8 q7 _) ~( H; ~8 I- ]/ j( N
if (yPos > (yMax - contentHeight - BallSpeed)) {" J* I) [3 z! B# ~3 a- _
yDir = "up";/ D, c+ S; ?* H: \* V' b) }" f
}5 x% Y) O/ h) ~" T# O
}
" z& l6 l" ?% F9 ?% \ else if (yDir == "up") {% T8 S* e6 \& r9 d
if (yPos < (0 + BallSpeed)) {
) N) |& Y1 S% E) h- x yDir = "down";
: I" ?) o1 F, s0 M! x } ^9 x' G8 q3 s) C
}
4 V1 c8 D' ]7 p | if (xDir == "right") {3 M. l3 _2 A6 \+ f9 P: p
xPos = xPos + BallSpeed;" l& i( c: S% C0 z( X7 w# R. L
}
& U+ W/ z4 ^+ T! D5 H) B else if (xDir == "left") {
% Y1 u% ^1 E4 [: A! _ xPos = xPos - BallSpeed;
/ T& |" X5 f! O }
. b* h6 L) O. A/ X6 @ else {
9 [3 U+ I" C; U1 G xPos = xPos;
' `! ~2 n2 A$ a: u k, ^' w0 s }
8 ?/ g8 _- \; c if (yDir == "down") {
^ Y4 J! j! v i* M3 V yPos = yPos + BallSpeed; z# C: \5 b9 d6 R
}
7 t& R& d5 v" _0 o: M( \ else if (yDir == "up") {9 \# d7 N9 y' C
yPos = yPos - BallSpeed;
1 K$ }. t3 O) N/ ?: t3 n }, v& V. r- K/ S$ s" {
else {
* b. B9 J& p" ]: u" n+ n! {5 g' | yPos = yPos;9 X# P1 H/ h6 W
}
8 s: f: _" j9 E0 a }/ f1 u0 h; D0 o* S& \# n
/ w1 [2 F5 i) \& M! `0 V# x
function hidetext(){
& l$ I0 L4 s( D) Y& f, R3 z6 ^if (document.all)+ L% X, V) u: v; M
supertext.style.visibility="hidden"
% Y( y, X% e8 ^6 P T* S& Welse if (document.layers); ?% u; D0 e* N7 X0 P
document.supertext.visibility="hide"
/ @' q; ]7 @3 J$ m/ \, AclearTimeout(animatetext)/ N, o) B o2 o8 c! Y
}+ ?8 K5 G7 x) a4 a; {
" C. i4 s3 n+ I# {
if (document.all||document.layers){
* E3 t8 S; `6 J( odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 N( x+ c* X) [0 J7 m
window.onload = initializeBall;
& |5 }7 s f+ B$ ?window.onresize = new Function("window.location.reload()");" r; a2 |/ h) H5 N
}3 K7 j" v, _/ C% m- C, Z
- X( S* R5 M. I$ Q+ I' `, Z+ D+ e
</script> |
|