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

|
网页之不断弹射的文字-特效
<style type="text/css">
! }/ W) c7 M. q+ l+ C#supertext {
7 j; R+ I0 L8 M% [4 Nposition:absolute;
; Q6 }$ G. y5 D: L) ?. b5 Pleft:0;9 M: e; O0 O! i
top:0;7 R$ \3 ]9 t( N. m( W# }
visibility:hide;& u! L# W1 f# `, f8 h" Z* p
visibility:hidden;
- M4 J( S8 H& _7 h}: E9 J0 s, R+ k
</style>$ X5 b$ E3 r6 K" D% W
<script language="JavaScript1.2">
0 o/ e7 k F7 y3 s" R9 B<!-- 改变下的字体的大小。颜色-->" N5 y, U; E+ o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 @* c( y6 o; tvar hidetimer='';+ O) s7 O, |. Q3 U
<!-- 改变下的弹跳速度-->
7 ^( b; L8 a( b- Kvar BallSpeed = 20;/ I2 ^+ T7 G0 H6 F
var contentWidth;
$ \ @ a2 M4 c9 p/ `var contentHeight;0 y. k; Z9 F8 M- [
var maxBallSpeed = 50;; R6 F* ?7 o2 v2 B1 @! ~5 R
" Y% A. ~8 W) |: j& P' [" o4 U
# Z& Q' O$ B& u+ @, Y2 X- ovar xMax;
7 ]1 N: u2 p5 Evar yMax;) o5 {' P; @. `& A1 | ]
var xPos = 0;9 N) G7 o3 ~8 d9 Z; z8 O
var yPos = 0;' F. Y% C5 p/ T6 u: H
var xDir = 'right';: S- y! x7 m6 y0 S d |
var yDir = 'down';
5 e* o4 b7 r2 V) v; o o! Nvar superballRunning = true;
' P5 e/ A$ w: H! o! ~# E, j" }! Fvar tempBallSpeed;! p/ P: C0 J+ ]' G( E1 k
var currentBallSrc;
. I: |) O( U5 Nvar newXDir;
2 ^2 x! j% O( s) t4 Zvar newYDir;
, A% I+ |6 F( I' f+ r/ {; r& ]) j; T- }% D( O3 N' V
function initializeBall() {8 X$ M% x& X2 u' I
if (document.all) {
4 K) ^% f) h# P xMax = document.body.clientWidth
& ^7 L; q0 H. y' p4 v- n# v$ x) j yMax = document.body.clientHeight$ c1 T! B2 ]- s* Q+ b
document.all("supertext").style.visibility = "visible";
5 t0 r( e3 F0 }0 x$ `' N/ e% [ contentWidth=supertext.offsetWidth3 w' M7 q: }" i! L s' j
contentHeight=supertext.offsetHeight
, b5 a A; _% O; [- m }
, R* c# j3 h5 s else if (document.layers) {
; P- q, E0 Y3 X; B xMax = window.innerWidth;9 U K. j: B- S% @2 g! `
yMax = window.innerHeight;
8 B9 U$ Q& o2 A) r# ~* H contentWidth=document.supertext.document.width
; O8 X& `$ X2 ^6 S& w* N contentHeight=document.supertext.document.height5 ] S4 Y/ w$ a# @
document.layers["supertext"].visibility = "show";
5 C9 ]6 ~/ c1 e4 o' [) q& k- d% Q }# R; R& {" _9 ?2 L5 Q) x! |
setTimeout('moveBall()',400);
" A8 `5 J) e3 l5 ]: X3 _ if (hidetimer!='')
' o" N) a M" ] setTimeout("hidetext()",hidetimer)
" W2 A. e' n3 w$ _2 n5 ^9 q9 s }
2 T- ~1 k% N9 o+ X7 j
: w# r- s; G: N0 kfunction moveBall() {; D5 K7 `. N% }5 x o2 ]9 _' Z
if (superballRunning == true) {
8 D, y$ l0 K$ l% V calculatePosition();5 S4 w' {5 Z4 K! S
if (document.all) {
4 M. N0 T& ^6 Q7 C document.all("supertext").style.left = xPos + document.body.scrollLeft;- T8 ^0 q8 |/ k @$ o1 v! h* l9 b
document.all("supertext").style.top = yPos + document.body.scrollTop;% I4 L1 `* R/ Q1 q! {
}! E/ n4 @3 K2 H+ W% z
else if (document.layers) {
. M5 n; i+ B) G, L8 j& s document.layers["supertext"].left = xPos + pageXOffset;) Z Y! ?% P1 G$ U& v8 n. T
document.layers["supertext"].top = yPos + pageYOffset;
: @; T% ^, ]" r- U2 \& v4 Z5 Q }, {! S: Y3 b4 w% l8 Y7 W8 ~, g
animatetext=setTimeout('moveBall()',20);
$ ]# Q2 F; A! q8 @. t }
C n9 m3 C1 j }8 w% P4 a0 b, _* g0 B
7 C1 \& Y8 }: X0 J; r8 ]
function calculatePosition() {. m0 q2 h6 V# F9 W" q4 t* E
if (xDir == "right") {4 D* [, C8 y2 ]! `. D
if (xPos > (xMax - contentWidth - BallSpeed)) {
! _6 U* e) r/ [% n+ k xDir = "left";
$ M4 V1 r5 J& m4 j' V% o5 | }
2 ^. l* M& y, z, y }
! i. {% G" e. K; h7 a else if (xDir == "left") {6 h) x9 v+ U/ t' ^$ J! u
if (xPos < (0 + BallSpeed)) {
- M0 _ D3 w' _ xDir = "right"; A# J2 x* x3 V& \3 e; D' ]
}
- [, O* \2 N, k9 ` }
& q8 e u" {2 K& T+ ]0 Q6 }4 C if (yDir == "down") {4 t5 S3 x- m% d% ?+ v5 a1 t
if (yPos > (yMax - contentHeight - BallSpeed)) {2 Y! y6 R% s7 V! O3 s
yDir = "up";
& b3 M9 W# ~. G }, R' x/ A7 }' v/ L% V: ?1 P
}+ D) G- }; o8 z1 P0 X+ R; N
else if (yDir == "up") {
: @5 I5 W$ J' s, l: p$ e% Q% R: d' M if (yPos < (0 + BallSpeed)) {; m8 m( i7 D& }( P
yDir = "down";9 s X6 t# ], z. g6 g3 s
}
8 r3 r% @" v& G3 a }) R/ y' h; j: o
if (xDir == "right") {7 g4 G3 D! h2 P3 U+ |
xPos = xPos + BallSpeed;
# G; b$ z: n0 |3 c }3 f* t1 Y% e* \! N0 B' i
else if (xDir == "left") {+ m% J6 T6 L: K* J
xPos = xPos - BallSpeed;5 d9 b! b4 u) Z2 _* `+ m6 Z
}6 B7 F: q' R. S3 U h* d8 @0 v- C% F
else {2 r% C7 ^: I% N6 z4 ^$ |
xPos = xPos;
. z0 Z0 F, o* T5 v }
; _& Z; G# U& p4 M if (yDir == "down") {* a4 q5 B' I3 F/ G
yPos = yPos + BallSpeed;
4 P" E) B0 ^3 w6 e, m, J3 c) E }
, }' f" F6 N; W/ B5 a- n0 v* o' w2 ? else if (yDir == "up") {
: @% g: {3 j- D. F) F yPos = yPos - BallSpeed; q1 s% r$ n% L' M* k' K
}
8 p: `! Y$ A5 r/ O) |) j else {
7 i) w3 t% |; I& n' b yPos = yPos;
6 G G1 Z) O3 O' ?# Y, v }2 b$ I5 ~# K/ S y- O
}
( [7 S" v& P* w; M
7 m) F! H: n" k0 u8 s/ q" Wfunction hidetext(){
% n* R; j- U) T; @" Zif (document.all)
# T& E+ Z, \" ~3 X9 }1 p9 l usupertext.style.visibility="hidden"
C" E8 n1 |) U& Velse if (document.layers)! U: }3 j+ E! o! W0 ^5 ~5 A
document.supertext.visibility="hide"1 S W+ g' F6 C- M: Z
clearTimeout(animatetext)* I# v1 P9 E ?
}; ~4 O Q5 }* t
: e: ]' ^: P8 N: p6 G
if (document.all||document.layers){
5 I. ~' {6 {6 ? u$ ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! b& N! y3 y1 I* awindow.onload = initializeBall;
, ]0 K+ e+ D( y0 owindow.onresize = new Function("window.location.reload()");# R& Y, S7 ?! e5 a7 c6 ^" Q
}
! [ H3 |4 }. j* _7 F
- k& ]% u) u7 W8 C</script> |
|