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

|
网页之不断弹射的文字-特效
<style type="text/css">6 r+ @9 D6 Z$ ?2 m; c( X
#supertext {. c6 j2 i y4 R* |& u+ N1 S
position:absolute;+ ^8 g; R) G; q3 _( E2 e, r5 B9 a
left:0; N% {, N$ f1 ~) U; W% F
top:0;
2 P i- l4 F, |5 Ivisibility:hide;) w$ t3 \; I5 A V
visibility:hidden;
) S1 C5 b8 j# }' W) @* }! i" ^}
9 e. r; I& f/ S</style>
1 Y& ~7 Q9 S$ C6 r<script language="JavaScript1.2">
2 ~1 y' s" ?* a- M6 G/ S/ @7 @; \& q<!-- 改变下的字体的大小。颜色-->- a% l }# Z! ]) I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', Q; H3 L0 e" M; V9 B. {
var hidetimer='';0 ~7 Q* [: o1 y4 t1 |- g
<!-- 改变下的弹跳速度-->5 d( f; f+ e' c2 Q" O% q( K4 S5 O6 ]8 `
var BallSpeed = 20;# S6 o5 m! x# t1 U- N
var contentWidth;
) C0 K2 t% W- c! ~- @var contentHeight;
7 E5 R8 c7 p/ d% | Avar maxBallSpeed = 50;
3 O+ @. z, I/ }: D! n; h& _% _
' o8 p8 a# z3 O* Z- R
+ A) }: X8 t: U+ G9 zvar xMax;( X1 s, l5 X% n4 F
var yMax;% K0 j* _5 z% C- b% ]3 s
var xPos = 0;* ]' g8 O b! L# O
var yPos = 0;
5 M+ u/ s4 i" c ]4 t! d% y5 P) |9 Fvar xDir = 'right';! f, [" h" ?* t9 K& D, ~
var yDir = 'down';
1 ^/ b! n- p0 m5 C* P" S2 Pvar superballRunning = true;
; R. O4 ^* L7 U/ { J1 ^3 |var tempBallSpeed;3 F+ ]% ^! N3 k6 Y4 U
var currentBallSrc;) h# f$ F$ `. ?% {+ F
var newXDir;7 v% g. Z, Q$ U& c3 X
var newYDir;
# i& m/ G' a' u4 M
" o0 b+ c8 N4 d, y( L6 V! I" U% Wfunction initializeBall() {
. _" \) a4 F( H) E9 ] if (document.all) {5 v6 C! F8 V1 b- Q9 J
xMax = document.body.clientWidth$ _. q" V$ |5 ?1 X( z
yMax = document.body.clientHeight
( Z' F0 P Z6 C$ Q6 q document.all("supertext").style.visibility = "visible";
8 m+ ?9 h; I2 h9 ^# z2 T3 s% U contentWidth=supertext.offsetWidth
1 K$ {, H# {" U( O( R: z9 z contentHeight=supertext.offsetHeight1 D. }" v0 Q" @7 N6 e
}9 O* r( s5 n3 V' ^6 C$ n
else if (document.layers) {. B% M8 V) `% \
xMax = window.innerWidth;3 @$ R7 d' ]. W( p
yMax = window.innerHeight;
9 e s: \2 J+ W- j contentWidth=document.supertext.document.width$ q2 M' y' x" j, R3 @& D( _. S
contentHeight=document.supertext.document.height, H4 Z1 x( H- C8 X
document.layers["supertext"].visibility = "show";9 i) e, j% z; w' {
}6 U- B1 g: D/ {, k. Q, O
setTimeout('moveBall()',400);
, g4 @5 c1 _5 ~) i# X$ k8 {; @ if (hidetimer!='')# i) ^2 M$ W! i2 ]( \- j
setTimeout("hidetext()",hidetimer)
, p) f" p$ E$ L0 E: d3 S }
8 J$ o. Z5 q9 A/ `/ S& O+ p9 D
6 q8 Q6 W R- cfunction moveBall() {. Y! ]; o5 y) f9 E* P2 t( x5 R
if (superballRunning == true) {
f6 s5 v" }3 a0 u6 K calculatePosition(); o& y9 u, E: |* z5 W: o* [
if (document.all) {4 {$ K8 p5 O- ?& r5 I/ e
document.all("supertext").style.left = xPos + document.body.scrollLeft;" x9 P: L" W) z! u, j
document.all("supertext").style.top = yPos + document.body.scrollTop;
% J e. w% m0 U8 X9 x' _8 H* ` }
& r$ w$ _0 L# ~$ O else if (document.layers) {
& ?% y/ C; M; O" Z) d0 Z w' r" c3 u document.layers["supertext"].left = xPos + pageXOffset;
* b# D: f! E5 v6 O7 \( t" R6 O! j document.layers["supertext"].top = yPos + pageYOffset;$ J- J1 Q" n) D: s$ A0 I2 n
}
% {* z( Y9 `" y+ t* w! M animatetext=setTimeout('moveBall()',20);
9 K$ _; `) w0 ^& f5 e0 v: Z }; {# r0 L" F# I" _/ b# S
}
2 s: d7 h! w& \+ N8 i3 O; I& |$ Q' t5 W5 @7 M7 U) V6 H3 p
function calculatePosition() {! M l& B* f, }5 g. ^& X
if (xDir == "right") {
) x9 ^4 L) D& t; G if (xPos > (xMax - contentWidth - BallSpeed)) {
! B3 p W I$ W8 s; D4 p a2 m xDir = "left";- R( X/ W& k/ ]7 f/ Z
}
- A% [! |- {/ q2 I3 b }3 ^! ?: E, |* | R8 |) D2 _, S
else if (xDir == "left") {
0 t* ?+ m/ S: _' N3 B } if (xPos < (0 + BallSpeed)) {
, o0 U+ a4 S# M0 e: _6 s xDir = "right";3 v7 ]: s2 J) W0 ~5 G
}
/ i: O, ~6 n) X% r: r# e1 G }+ B+ q; r3 Q1 O( `% D2 L
if (yDir == "down") { M4 w* i9 l& c( D3 A
if (yPos > (yMax - contentHeight - BallSpeed)) {; x1 B6 Z3 n6 O7 M8 x @( D. s4 s
yDir = "up";
; v# @8 N' l+ E' `& Y# l, E }. I( I, _- C' ^0 o, B
}9 _$ Y; L+ L5 q8 t
else if (yDir == "up") {
( f! Q' g: d8 ^ if (yPos < (0 + BallSpeed)) {4 _- Z# |; H5 O( [9 K
yDir = "down";
$ m1 l0 Y* i; G- t+ r }7 a' l# C9 P/ [& ?6 L6 p
}3 Y: s' G. [7 [& Z$ ^3 q$ L+ |
if (xDir == "right") {& ^$ u1 {4 e9 z5 }
xPos = xPos + BallSpeed;
0 F/ d+ ^3 B* ? }9 S' j: a9 B8 d3 v" K2 _
else if (xDir == "left") {6 p& F; J+ }7 ?# t
xPos = xPos - BallSpeed;
; L$ a% g# {; M1 S }$ i* i5 K: g' {; H8 Y4 o
else {" B# C5 m: A5 t. v6 t, h
xPos = xPos;9 c# ~9 n! B% x) @5 ]2 n! l; d" \
}2 k% v) I L C
if (yDir == "down") {
% @' ~. ^% S- T" ] yPos = yPos + BallSpeed;1 O) g0 n+ r5 |" b9 B8 F! w
}
$ I5 S1 M2 O) |+ J5 C2 e3 k# }) | else if (yDir == "up") {6 g0 l0 i& G& u( m
yPos = yPos - BallSpeed;
) w b4 i$ N/ h4 l9 }, Z }
" N2 s. W5 Z$ u* M else {
- V) q4 T$ o" s5 c4 N1 N/ N4 r$ Q( d yPos = yPos;/ P4 X% Y& V( U' ^
}- E3 Y5 P8 {/ J- r
}
! F, [! {! v" H9 @& T
! J! O# f- J5 i. o2 w! h& Qfunction hidetext(){
/ ^; @# w3 J% u) Hif (document.all)2 ]2 R2 P& f4 h6 d
supertext.style.visibility="hidden"6 T% }' p, r6 r% o" l
else if (document.layers)
: k& m1 {8 r' C7 s5 xdocument.supertext.visibility="hide"; M) F* v& K4 \1 G: C
clearTimeout(animatetext)) O2 T/ Y: M2 Z8 M
}
" r- g+ U* [# X8 X+ H
$ |0 |& g( ?/ `" z" ~' O( n+ \if (document.all||document.layers){8 M- c4 r6 P- |$ C f* e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' q7 p% _4 } L) B; N% P/ _window.onload = initializeBall;% q' D* J7 J3 E' T
window.onresize = new Function("window.location.reload()");$ A j7 p4 L# b& B! b; J2 O4 T
}/ X* A, L2 m, C8 `$ C1 m- n
3 }& j% D" ~( u
</script> |
|