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

|
网页之不断弹射的文字-特效
<style type="text/css"># @0 i2 I. e- Y3 S
#supertext {' }9 n( y5 H# \7 u+ Q% e
position:absolute;
6 U( F, V' B: Ileft:0;
' I( v; N# T5 J$ I1 ztop:0;
. p) C0 D' A% I" r, _/ Vvisibility:hide;
7 c9 i- l2 O8 U4 wvisibility:hidden;
$ d/ B4 s' r7 ?, B}
! ^3 w5 C) g! O( ?( _6 ?. G</style>. U7 F5 m }% e2 @/ Z! H
<script language="JavaScript1.2">
, d/ X" r+ t8 H0 m<!-- 改变下的字体的大小。颜色-->
) w0 I2 _+ d3 E0 k7 lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" P. f+ o% ~* D% a; {- s" J( s- t) G& kvar hidetimer='';
) L$ D$ y( o. ]. u- |& |+ O<!-- 改变下的弹跳速度-->) M4 ?" \2 w4 ]( B9 c
var BallSpeed = 20;$ V4 r; z8 B3 C" d6 ]& H8 ~
var contentWidth;
9 Y2 p4 [& i8 T" J, Z0 xvar contentHeight;; p2 K3 q) n% b' ]7 _5 `1 f
var maxBallSpeed = 50;. t. N; u3 G' O2 `
0 F8 i8 b0 H5 ?% D b) G9 |3 C( `) T
; Z8 I5 s* J2 G m( x
var xMax;
1 S' q: e. ~ N0 rvar yMax;
" g0 L, p2 Y& xvar xPos = 0;5 B7 W. E) t( q f
var yPos = 0;
1 _: |- U0 j) T: d1 Ovar xDir = 'right';# `7 j9 g+ e* l4 E
var yDir = 'down';+ l3 G) r/ `) C2 `
var superballRunning = true;0 Y% G7 Q& M }3 p
var tempBallSpeed;
6 O, k8 z; }6 h! Pvar currentBallSrc;
; o6 \2 z5 b, A9 K/ evar newXDir;7 \3 S* N7 R2 k: G/ `$ j3 b
var newYDir;
# [9 J' C) i3 V/ ~# n# l, x0 L, [- Y5 ^( d) y8 O
function initializeBall() {
7 j! @# s1 ^/ ~; n |& y if (document.all) {' J1 c9 m: ^3 H2 r T
xMax = document.body.clientWidth
& ^. V! L0 Q Q9 q yMax = document.body.clientHeight, N+ y, X! G1 @* Z. G
document.all("supertext").style.visibility = "visible";
( Q5 r- @: X0 H! @: V( E2 @ contentWidth=supertext.offsetWidth
* q+ F8 c9 d1 _) H- `( W contentHeight=supertext.offsetHeight$ o# P* e# P- V# e# M
}
8 Q5 `$ h2 z( ~- ]) R& p. i3 s else if (document.layers) {
6 P, {3 K6 Z# I% r3 C xMax = window.innerWidth;
0 {0 W0 q' Q* S" ]; t2 q yMax = window.innerHeight;
& @) d1 c/ {) h4 o' w* p contentWidth=document.supertext.document.width8 K4 ^( M* d: ]
contentHeight=document.supertext.document.height
9 ~4 ^% W [9 w. x' c/ \+ N& @ document.layers["supertext"].visibility = "show";
% S" O2 X0 M" F3 s% b }
, [; M' b w& F& I setTimeout('moveBall()',400);6 I; j O: {9 v9 X+ `1 \5 H
if (hidetimer!='')
( w1 A3 I3 v d! [5 `$ Y6 _ setTimeout("hidetext()",hidetimer)+ ?6 m& J" `/ B. R: j
}
8 L2 ?& L V$ e$ J7 k9 V: m7 ^$ r+ ?9 @1 s" W
function moveBall() {
/ d8 p- t9 s4 d0 v+ C7 ^1 c if (superballRunning == true) {$ P8 P5 p0 d M) {* E$ v2 g& @
calculatePosition();! A5 [1 z8 Y6 v: `" k( A% v8 d
if (document.all) {
/ t9 m! r1 E* a( i& Y document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 f& g& D" y6 n, D3 B document.all("supertext").style.top = yPos + document.body.scrollTop;
+ y3 X ?0 Y8 F$ b9 F V9 m! T }
+ {/ k9 a+ c& ?6 A7 D7 ` else if (document.layers) {
2 g: P* o7 U- J& \ document.layers["supertext"].left = xPos + pageXOffset;
8 _$ z' a+ O* I$ c# @* n document.layers["supertext"].top = yPos + pageYOffset;+ W! S. L; M$ G+ C* w
}0 l7 u( Y0 Q2 g- ~# l
animatetext=setTimeout('moveBall()',20);
4 X4 {/ s9 j5 A }1 S6 [: e2 _. c0 u
}) y6 Z+ X9 a/ Z
: V$ a& e3 K9 ~" V5 N. V, z: {
function calculatePosition() {/ j* K* \; y3 x0 s
if (xDir == "right") {
/ X2 ^. ^. O2 Z0 W$ c- x if (xPos > (xMax - contentWidth - BallSpeed)) {
! \: `6 E1 t" \* e xDir = "left"; T; T) o$ e$ Z' N7 c' y
}# o; a3 N. p/ V9 x- A0 m! Q" |
}
) b* i8 ~9 I+ A1 B& O2 \ else if (xDir == "left") {
t7 _; B9 q. _ A7 W3 O8 }9 k if (xPos < (0 + BallSpeed)) {- v% ]8 r5 D9 w( `' y, Y
xDir = "right";
, n) _9 N3 B$ l- q! ~) v- |4 Z, R# b }( R3 x1 `0 s$ u) c% A+ D
}
6 _- X- ~! r5 O( U if (yDir == "down") {0 _+ V: q" T1 k1 W, d: E2 w5 W
if (yPos > (yMax - contentHeight - BallSpeed)) {
0 A3 b. }* m% |* K, g" j yDir = "up";0 B# D8 l" ~, s% ^) o
}" o5 [6 W. n2 O- u5 }
}
|- W" r- W" [7 N' D. k& F else if (yDir == "up") {& d) I8 S+ i+ |
if (yPos < (0 + BallSpeed)) {
" m% {$ _- z7 M0 @ yDir = "down";8 \! J, B# ~/ R6 @) a
}
; b: u" Z; @6 a } C- M5 m) `# G
if (xDir == "right") {
' `% {8 V: e$ r, k7 r xPos = xPos + BallSpeed;
* {$ P/ e, \/ o6 T, @ }$ A! B- p( |3 a' L1 q
else if (xDir == "left") {
/ ~1 r, L( Y# j- _1 L% I! ] xPos = xPos - BallSpeed;1 V- f+ A7 H$ t
}
, y h) z6 e2 }: x1 B& g; Q, a1 R: a else {
# a! V# F- Z$ v8 e6 i2 r xPos = xPos;
( A- R* w* h3 }& f/ W# t2 K2 M }
, O. D- C/ y( u* R3 P* | if (yDir == "down") {
D9 y& Q9 j" b+ L& {. z yPos = yPos + BallSpeed;
: c) f* @6 z1 a% H: \: J. r5 M& p }. c9 u; S0 ^1 K( L( Y
else if (yDir == "up") {" n( l) Y* e+ a( l: {2 u
yPos = yPos - BallSpeed;
# r; j }& K. L& s }1 @: }+ w+ z' F
else {/ B0 D/ Y. j" ?1 ~# w
yPos = yPos;) r$ F7 g' `: u( b( y* t
}
7 @2 [: @$ e, z) B' O5 Z. y }7 b" Z" F8 _; R1 C5 f" _) |
" @ {$ Y5 P( Q$ p& F0 \- R, [function hidetext(){
* O6 G, g4 H# x6 Z% z! t+ w* Y4 ~* \+ E- Lif (document.all)
+ [0 a t3 c R8 ] y; U3 W1 P& Xsupertext.style.visibility="hidden"
( P' Y. g3 K. qelse if (document.layers)
6 o' ?. B8 d4 I; q4 vdocument.supertext.visibility="hide"( [: h" W- ?4 O, b, \: T
clearTimeout(animatetext)
1 l8 K* a8 |, c. G, C1 M5 w}
8 a( G6 W) v; v- h3 J
3 N+ H I4 G6 T! ~0 A, e% fif (document.all||document.layers){
0 N/ O! c% ^' Y& x9 g6 K6 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ n7 r+ v5 v S3 R, L9 P
window.onload = initializeBall;
3 l* s( I3 Y \& I* kwindow.onresize = new Function("window.location.reload()");1 g! C, f7 f0 |# h; _6 m2 p
}
! Y% b$ p$ m$ G4 k' {( O9 ]
7 z6 m, W9 u- q0 ^</script> |
|