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

|
网页之不断弹射的文字-特效
<style type="text/css">& |9 j) T' ~; z& l0 M, ^# R9 ^3 m
#supertext {' Y$ ?+ z0 M8 E6 D2 u' @- M
position:absolute;
+ Z: g* ?. [- z0 gleft:0;
) P- F' [6 P7 T3 {& _5 r" ?) C& Atop:0;
' ~7 r! g! w: ^) h4 e& hvisibility:hide;
; Q) \. ?* |( c% a. K8 A+ Dvisibility:hidden;. e8 v& r/ ]0 F9 T9 [
}
/ [2 E, K: [, ^, S</style>
9 l! @) c* K( g/ u# ?" l9 e<script language="JavaScript1.2">
# v; N' v8 Y, } x' R! A0 g% v<!-- 改变下的字体的大小。颜色-->
$ ?: | u8 E0 m! pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ q" h* u+ q2 d2 a8 d( Zvar hidetimer='';) B6 E2 g9 l: Q/ J ~8 Q
<!-- 改变下的弹跳速度-->, p7 T9 J3 \ R \3 b# L
var BallSpeed = 20;6 u: y7 B" l9 E
var contentWidth;6 l/ m# q# N5 J/ t5 u0 h
var contentHeight;! |& C6 Z: ]. e; K
var maxBallSpeed = 50;
/ y; I! s$ H) K
$ i% m+ O( s3 y# S' r7 x$ f E
2 _; d n9 {! d+ o" Q. k6 @var xMax;4 t3 o- W& S# \
var yMax;
' _) Q5 R1 h- C& f( Vvar xPos = 0;- J* h! f; Q. j' |5 l2 S9 u
var yPos = 0;' }* D3 c5 u" u3 Y1 \9 e
var xDir = 'right';8 ~, }1 V; O% F
var yDir = 'down';& W. J8 C# d6 k9 h/ d2 r& [: u
var superballRunning = true;( N5 ^* p( ~3 d7 r% B" v
var tempBallSpeed;* Q- O3 d( N0 B& G0 X* \) I+ ]
var currentBallSrc;
: E- \2 r7 d- R3 P) C! dvar newXDir;
/ {& X# v. a0 l) k& ]var newYDir;1 f% ~: A m( J& L
, H1 o; F$ R2 ]1 M4 X; ^1 \
function initializeBall() {
$ c$ z5 o" u# W+ y if (document.all) {
+ m0 U8 ~8 @. J* t xMax = document.body.clientWidth* {% E6 D! D8 T
yMax = document.body.clientHeight
: R) I: r9 s7 i. J3 _! V, p document.all("supertext").style.visibility = "visible";9 F3 R/ h% P. b& \
contentWidth=supertext.offsetWidth7 E' [0 U9 D) Y5 x7 A" w" v/ I6 l8 t$ W
contentHeight=supertext.offsetHeight' ?9 ?2 a1 n! n1 s
}
- R* D! K2 E# r- P0 ^6 M5 s else if (document.layers) {
- B, J5 S3 \0 W2 m* c0 Q4 ~! \ xMax = window.innerWidth;1 @7 e2 J: \" j/ \9 _! b
yMax = window.innerHeight;( U2 i0 I' r( G/ k
contentWidth=document.supertext.document.width4 t# B2 S1 j& U# G5 ]( [
contentHeight=document.supertext.document.height
, a I/ Y( D2 s1 Q `% G6 k$ \ document.layers["supertext"].visibility = "show";4 C7 }, P- a& n8 [& M* O2 u
}: M5 X) X- u* A9 W) @
setTimeout('moveBall()',400);
1 G7 m N3 u" T+ i if (hidetimer!='')
9 T6 x, B8 ]! q8 K4 G3 k setTimeout("hidetext()",hidetimer)) c4 d- D: {" E& S
}$ i) c/ X) n4 T/ ]" X& u% K, x
Y* Y0 y( C+ b5 H' g7 z h- xfunction moveBall() {5 ~3 ]8 t- t# v' B2 |0 i4 V/ H
if (superballRunning == true) {
: W. u7 t M. R8 [( ^& Y# F% k calculatePosition();
3 v( ~' ^! Y* ]) i if (document.all) {* }. Y, t* D5 M5 Z; J7 ~
document.all("supertext").style.left = xPos + document.body.scrollLeft;- D/ J$ P) u' m' @
document.all("supertext").style.top = yPos + document.body.scrollTop;
9 Y9 k. x- a/ q/ c& E7 ^+ e8 Z }
" K& r+ x1 F) q' h: z7 j; r else if (document.layers) {6 u- C5 A9 Z9 o c4 C- ?: ]
document.layers["supertext"].left = xPos + pageXOffset;
$ O2 z2 t6 b, R. G( v4 I document.layers["supertext"].top = yPos + pageYOffset;3 n, {# g& P/ a1 A
}' k) y) O) ]+ [8 E4 s! f! A1 C
animatetext=setTimeout('moveBall()',20);" O' A& A( x, x! Q, l
}
A0 A g1 _3 i! F. ] }0 h8 B3 w& D) ^3 M2 h/ M
% P$ r* B, i" Q% b6 r
function calculatePosition() {5 N' Z# N+ U: Y# f, _% s3 h0 X6 H( t
if (xDir == "right") {- J( @0 i& p" t! \, H
if (xPos > (xMax - contentWidth - BallSpeed)) {4 R+ o) l; Z3 }& M) R8 `; Q6 j
xDir = "left";# u5 }+ c/ ~( i3 @
}4 i+ e9 ]$ f0 M) q2 C/ f
}
v/ I1 p; S& c7 r else if (xDir == "left") {
4 u- \9 ]% S1 H if (xPos < (0 + BallSpeed)) {
6 w) D' h7 C# ]# V xDir = "right";; U& ?- R J7 m' Q* R
}
( q0 v3 U' d! Z; z }
d0 p4 W9 Y! U- c if (yDir == "down") {
) o6 z8 `" l9 q& A$ ~ if (yPos > (yMax - contentHeight - BallSpeed)) {$ p0 D; T8 r3 Y
yDir = "up";9 F. H1 J8 J6 w0 i
}
# g) ?# u$ r; A0 ` |! @ }
6 O- W9 H J. ^3 ?5 B! N else if (yDir == "up") {
, v8 v7 j+ x& Z. k if (yPos < (0 + BallSpeed)) {
" ~+ G9 C4 e1 X# X yDir = "down";
# E( N/ E ^9 u/ b. O" Q }
9 r( }7 A1 h& |" m }
$ o- g- }* @+ S+ h: v3 p if (xDir == "right") {
# Z0 Q& a1 P0 V6 u# G xPos = xPos + BallSpeed;
0 B; S5 C1 `; I4 R# W }
5 @, D4 L" K& T. Q" L else if (xDir == "left") {3 c( K# a! S- d* i$ A
xPos = xPos - BallSpeed;4 J& @! N- ~# ^6 U3 S+ g$ @
}# [3 U! \% v1 p1 x6 P+ Y' X
else {
: y4 n P$ F3 [0 c1 r/ b8 | xPos = xPos;* B. g1 Z5 E# \* |, b7 x
}
) \+ `3 B7 ?+ Q$ S if (yDir == "down") {
0 k3 r7 z3 A/ \- p- f% v8 g; y$ \! | yPos = yPos + BallSpeed;& E3 K1 y4 B* ]* m
}
+ X" x1 ]+ r. Q; K: D else if (yDir == "up") {
9 F; `9 c7 F* ^6 W4 |* B yPos = yPos - BallSpeed;! y5 B9 t! g3 @7 `& ]+ k. O* T+ n9 B* R
}
5 o& ^8 N& `( G' j else {# G7 A6 e# K- p5 j4 }
yPos = yPos;/ e: v, B+ ^) H+ j" z6 O
}
3 Q$ G1 K; ^, w, b! v1 `2 i, y9 | }4 k$ V' ~+ n2 f
* X' X, V0 x9 X* q4 ~0 ~" f
function hidetext(){
5 x- \/ X3 l- K, Hif (document.all)
6 P. ^. g: t3 y& o4 v) e, u+ _supertext.style.visibility="hidden"- m3 t# x8 a8 o% z* u
else if (document.layers)
& h C8 z- g7 v% ^& q) cdocument.supertext.visibility="hide"- c9 p% W- s4 x- a
clearTimeout(animatetext)1 F5 r& F: `& _5 ^2 q7 A0 x
}
9 Y% A2 f5 G# l6 `4 r( D5 C1 O5 {; `0 T& M& `
if (document.all||document.layers){2 l( t, p; E, q" n& v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( V; ^/ Z4 G* _
window.onload = initializeBall;8 Q: v S- J9 X& n- w
window.onresize = new Function("window.location.reload()");1 T. D( e! `/ D9 j3 H
}
' }9 ?4 i3 d$ W* I' n3 R" H# [5 L0 r
</script> |
|