|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
& c+ m, G# y( l: @9 Q# D% q#supertext {
; f! w, Y8 S9 M. k w- K" Bposition:absolute;8 [$ \ @* Y2 c \' H' v- r
left:0;" E7 \1 [; m1 l' m S) @# H
top:0;1 J1 p. B& o- ]( L' k
visibility:hide;
( E- |" I) k5 g' i4 `# fvisibility:hidden;$ _& v6 f/ U6 t! W0 C
}, f, A4 g6 _# q; @2 W
</style>3 r% c4 V& P, ^7 T+ O7 }/ d
<script language="JavaScript1.2">
! Y: P- U2 S! B# H<!-- 改变下的字体的大小。颜色-->
7 n* G3 h( p! U* p2 P+ uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 }. H+ W( @# h5 P
var hidetimer='';
3 u' W: F2 j' k0 u8 J$ A<!-- 改变下的弹跳速度-->
: e( ~+ Z% \9 g# Y- ^% D) C6 gvar BallSpeed = 20;
7 ?( `! G$ X4 f$ H& q6 Yvar contentWidth;( Q: P! a2 t# N1 g3 G$ v
var contentHeight;8 f( j$ L! d; c( J* g. `8 U
var maxBallSpeed = 50;$ _9 @3 R. J! v3 I% E0 Z( P
" A. M. C# z& x( }. D1 ]$ w
8 t6 r, T+ b- I% d% W' dvar xMax;
7 p% j% ^: u7 p mvar yMax;% Y. O v% k4 K m8 M- u# [
var xPos = 0; B Q6 H% M( j- {& g
var yPos = 0;5 O9 k$ d$ `1 g( S m4 {
var xDir = 'right';# ?$ s9 A) A1 m( E. N5 q
var yDir = 'down';! P! E7 ~+ C X' V) O' ^3 _
var superballRunning = true;
* n8 i ~; I2 Q: f9 M: rvar tempBallSpeed;
8 [7 G2 A, _6 J, x0 Q7 nvar currentBallSrc;
1 \) N( o3 b% ^+ b# C1 ]var newXDir;
' `: O: U; _/ y. ~- Q4 Vvar newYDir;
* O+ u, u3 d, t3 b/ ?. r; z( T
( a m$ ~" l# T D) }: [function initializeBall() {/ E5 N4 j, p1 k$ @% [
if (document.all) {$ u8 m/ ~( M5 v& n$ Z) j
xMax = document.body.clientWidth2 a3 y- L# M' c1 D. P
yMax = document.body.clientHeight& U6 R; `# T8 l& T( o0 x8 W0 `
document.all("supertext").style.visibility = "visible";5 P* Z3 W; M* t: N. M" l
contentWidth=supertext.offsetWidth
4 Y, v0 A* X: K- m contentHeight=supertext.offsetHeight
. B0 G- v! w A/ }( L }3 G' B+ m: b( G$ x! F
else if (document.layers) {7 l4 t- j+ V! A1 x) h+ W
xMax = window.innerWidth;
; {3 b6 \. H2 a# z) u yMax = window.innerHeight;/ c" ~8 F1 Z8 x- a" J% v7 \+ s
contentWidth=document.supertext.document.width
7 C3 q8 {7 x m! k+ { contentHeight=document.supertext.document.height, g- a% [5 w* a% h
document.layers["supertext"].visibility = "show";/ m5 k1 b! F7 H6 W) ?
}8 ~- p4 |6 f1 \7 ?) X
setTimeout('moveBall()',400);$ k9 V9 l! I% E. g, t
if (hidetimer!='')4 h& Q9 Q9 `4 q7 M
setTimeout("hidetext()",hidetimer)0 X1 g2 D9 Y; z/ O' _* \3 ~
}
# @+ x0 X5 w/ i8 B" |6 W9 _' y' o3 P, q2 C ~
function moveBall() {, b- k9 y: P4 U1 i
if (superballRunning == true) {
/ v8 P$ S- j) p3 g calculatePosition();, t; c6 E0 v0 U
if (document.all) {3 F+ \4 t! {5 p* y1 c* U+ k+ u6 v
document.all("supertext").style.left = xPos + document.body.scrollLeft;
; ^! ]6 `6 Q/ A% s# [3 B, e( x document.all("supertext").style.top = yPos + document.body.scrollTop;5 n+ m$ i1 U5 g& Z: J0 h8 B
}$ N& @2 o# S8 V2 @+ }0 u! r
else if (document.layers) {
1 q' O8 ?) h0 T* T- Y document.layers["supertext"].left = xPos + pageXOffset;
7 T) V, }( J, l+ V8 }, I! I/ f* e# p document.layers["supertext"].top = yPos + pageYOffset;
% M! V' J3 M7 _! d/ |* [# @- f }
2 |+ {5 t( ]5 u) n# i animatetext=setTimeout('moveBall()',20);! B7 j! }' U3 |: t% W
}! y0 L" t6 i9 \
}4 b& J! x$ i8 c6 S1 P6 Z
, k b6 E& G; l* r& K6 |function calculatePosition() {
5 N/ l2 n; o) P& ?9 @ if (xDir == "right") {
* s, S! W1 |" [ if (xPos > (xMax - contentWidth - BallSpeed)) {# g: p1 {2 f6 H6 L: s
xDir = "left";
! W* r7 F- E# e# ` }8 B- J" Y# m5 p: \) M
}; |/ P# g/ N) K% s
else if (xDir == "left") {
9 n& Q% j, ~7 R1 j if (xPos < (0 + BallSpeed)) {4 V+ A2 s3 [4 u; d
xDir = "right";2 X# k6 X! b1 x" j7 T8 [3 z0 R" G
}
8 _ h& M2 D1 t9 E3 u3 W }, h% j3 k1 P, h' X. Y0 p' q
if (yDir == "down") {, y, Q+ {7 }. ^# w
if (yPos > (yMax - contentHeight - BallSpeed)) {7 k- [) g+ P( ^: H
yDir = "up";$ @+ H# C6 _: p& f2 w) i9 \; d
}
" V/ @5 t. W# b }
9 E' y% c3 ^' u, E- |# l7 b else if (yDir == "up") {
. y3 g% [. W" y1 ?0 A if (yPos < (0 + BallSpeed)) {) |7 e9 d, _3 ?
yDir = "down";
& [6 W: ] k7 ?/ V% Z+ Q6 Z }
/ Y2 j9 h' I( y7 q, L }- b: d5 t) \, H1 o8 s
if (xDir == "right") {
- A6 y! @6 a8 J: k; }9 c ^ xPos = xPos + BallSpeed;4 ~/ ?! B9 a2 [/ x
}
( C2 J3 }6 J+ D' `1 y$ u9 v else if (xDir == "left") {3 f/ N2 S ^/ f# Q0 y n) g6 ]
xPos = xPos - BallSpeed;
2 ] _5 ~( I* d }
: [2 c- H) m4 R0 H4 a else {
( L9 A( m$ O$ r' g% T' {1 S xPos = xPos;- J# a$ X" z. g, }5 D' n
}
( K9 ~+ Z& f( R7 i! u; h if (yDir == "down") {
" O2 `8 i0 L" H5 M yPos = yPos + BallSpeed;
2 U6 h& j$ J7 I4 l: Z1 `9 q- B8 c }, P! X3 S0 u9 `0 E! y Z& C$ D/ G
else if (yDir == "up") {
( b! E4 v4 A: `0 R yPos = yPos - BallSpeed;
~; L# [/ q& C( A9 k }
3 j2 e' I. A4 K3 W% w& G$ Y& y+ J else {
+ _6 a. p/ m0 ~% c$ l yPos = yPos;
1 O2 T8 X4 y p: K3 R- {' j }
6 X: ]) Z8 \8 ^; o! e* G0 {8 }2 V }3 @) I a! ]( \/ |- G) X% A
: o- ?2 E; x/ j' w
function hidetext(){
8 i- X3 B2 E8 q" u- w# oif (document.all)8 @, M# h* Q# i0 X
supertext.style.visibility="hidden"
H- g+ R( U# Yelse if (document.layers)+ x2 E! J2 q% N R F
document.supertext.visibility="hide"& w* N' d! G8 Z9 n+ s$ p
clearTimeout(animatetext)7 [ Q& |" e) m4 F, e
}4 |! }- @9 Y9 e' ` d- \7 v
6 K7 Z- Z, y' N3 H+ r. j* {
if (document.all||document.layers){) V4 ~% h& q/ U! Z. R: ]; d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ?2 [* Z ^& S7 w
window.onload = initializeBall;1 f d6 j* k! U
window.onresize = new Function("window.location.reload()");6 ^% j5 G* k5 A9 O4 k N
}
* X |; _8 p+ M9 L! U7 u; Z# W7 u" ]; h2 |5 ]+ r. C1 U
</script> |
|
发表于 2008-1-21 20:55
|