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

|
网页之不断弹射的文字-特效
<style type="text/css">1 e* m1 C. ~5 v2 U7 ^
#supertext {* l* g# E: |( a1 K- S
position:absolute;
q% q5 _, j7 R9 I! jleft:0;% `% d' b" G9 S0 h1 M" S( i' u
top:0;" c% H" q' u5 B5 ^8 {7 A9 E* }
visibility:hide;
4 W( a, \( H& n9 vvisibility:hidden;, M+ |4 y) }1 F9 ^% d; F
}
, T% b) B, J1 P</style>' I+ x7 g) y, ` H! ]4 M
<script language="JavaScript1.2">
/ Z6 I# \0 n( J<!-- 改变下的字体的大小。颜色-->
0 a7 I/ S; S4 o: q1 K0 s# Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 Y( N1 P; g, ]8 F# d3 [( Rvar hidetimer='';
! R) b6 a5 N$ o1 L* D( L6 t/ l<!-- 改变下的弹跳速度-->. d3 B% U0 t, D% I- \
var BallSpeed = 20;$ y7 G+ W9 N* n" i/ C0 R
var contentWidth;0 [0 L3 Y1 B. m: X" A/ U
var contentHeight;$ H8 ]6 j$ V0 a9 @) u' y
var maxBallSpeed = 50;1 Y0 N2 i/ `7 M; e6 j
5 I% p# I6 X" T V# S9 r3 L i1 D8 J. f' m0 E; C
var xMax;6 Z; N9 ^3 S# \/ N& m
var yMax;6 U: C8 R8 ^- c( O0 t) m
var xPos = 0; x- Z7 `+ u, |
var yPos = 0;8 m. K1 S ~9 |. N7 w
var xDir = 'right';
% j" b) ~0 l& o- Fvar yDir = 'down';! k5 S4 _ [7 B0 W; F
var superballRunning = true;/ D5 ]5 M0 t# ^( ^5 \/ g
var tempBallSpeed;& j0 U+ s3 W% k4 w& r7 O1 A2 c
var currentBallSrc;& G6 H! X) G2 ^1 g
var newXDir;- p3 A0 \; `' w
var newYDir;) M0 s2 ?" H' {
; m+ l* c/ v/ G: J$ ^9 X
function initializeBall() {- d7 Y5 X% P; P% W5 Y) ]% o3 J
if (document.all) {% j+ e g9 F: v) w" p4 {
xMax = document.body.clientWidth* p' g5 p6 e+ J) C' Q- _' _- h$ _5 {6 J: _
yMax = document.body.clientHeight
, u [) M" i; Z/ }( \ document.all("supertext").style.visibility = "visible";
4 q& D) c6 n/ C, M$ R5 _) [ contentWidth=supertext.offsetWidth
+ V4 e1 r F" b0 q& q contentHeight=supertext.offsetHeight
* }) s- s& E7 {! y' g }3 u1 F; V0 w0 r: @6 n: \, p# z0 C5 c
else if (document.layers) {6 q( c- d1 {6 m$ u- s- r
xMax = window.innerWidth;
' [1 u+ M0 R- J- P yMax = window.innerHeight;
; X9 [8 Y' ^: f. }; ` contentWidth=document.supertext.document.width
; X3 n% p2 D6 V contentHeight=document.supertext.document.height
6 |* q& ~7 _: _. ] c document.layers["supertext"].visibility = "show";
9 i* w6 {) U2 Y9 v5 {# E" I }
- w; g, H, ~5 I" O setTimeout('moveBall()',400);" X d, O$ B) h0 w2 E
if (hidetimer!='')
6 s3 C( \7 }4 L- ? setTimeout("hidetext()",hidetimer)
4 Z# \ w8 g& K& w9 ] }
% N( y+ M/ k: B% }. F
, {$ O( l6 P* W. Lfunction moveBall() {( L. h- p: `. E( |4 M" r% Z
if (superballRunning == true) {
$ Q) U* b+ V% i5 o calculatePosition();8 e4 G. \, [/ F& }4 o
if (document.all) {) Q2 F$ C+ e& X( ]2 v# e
document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 l1 D4 ?' v4 w document.all("supertext").style.top = yPos + document.body.scrollTop;
% `- T. m0 E6 R+ C' n } q# T; I$ Z3 u, z( O1 s) S) k, U
else if (document.layers) {( o9 L o1 r* ]: ~' k. g* N
document.layers["supertext"].left = xPos + pageXOffset;
+ p6 e: \8 `" M9 ^* }9 F document.layers["supertext"].top = yPos + pageYOffset;1 R7 V \( E3 e/ g( ]
}0 K% W6 G3 W# ?$ ~
animatetext=setTimeout('moveBall()',20);
$ C) d9 t. j" w3 Q5 h8 M. M, p3 v' l" x }
) P q( _- a; Z }
8 _0 V5 q+ T+ o* Z9 c' ]) z
. R5 F# _! Z# V4 H9 X* `function calculatePosition() {; }! F: s1 c5 r# M& e3 z1 d! {* v
if (xDir == "right") {
( t. }& ~" U3 h2 F8 |2 J$ Y/ R+ | if (xPos > (xMax - contentWidth - BallSpeed)) {
+ x f& H! [0 D" C xDir = "left";5 h' |& v7 k" A3 F
}& c( O8 S9 U' k v, d) U/ p
} ]7 `6 r/ t. b* H7 u$ v2 M" O& o! y
else if (xDir == "left") {
3 X* g4 {# f! \2 f1 S7 V if (xPos < (0 + BallSpeed)) {
# k2 }6 R7 J. W; T1 T- b. O xDir = "right";
A- l! ~6 U; ^0 g% N }
( R, `& k/ L2 @ }
5 L7 K# J8 p/ ]+ T if (yDir == "down") {
% i% ~% [6 H- y; c if (yPos > (yMax - contentHeight - BallSpeed)) {/ p% |. S @( Z/ t! G
yDir = "up";& p2 K; H& K9 E0 k; E9 n
}
4 X$ t4 O/ P" l+ ~) W$ O }( X! _2 J$ _2 T/ o( ~
else if (yDir == "up") {
) m7 H% C, w) }4 c1 ?! {. @/ O if (yPos < (0 + BallSpeed)) {1 H' E. _) \' E2 y# q
yDir = "down";
2 B' h# j6 F( ^6 ~* n5 c9 L& t8 }/ E }
: d1 `, V L8 ~# [ }
8 D2 ?9 i3 [, k1 K, z3 Z: O if (xDir == "right") {
6 b5 A' o, p# {3 @% r" _ xPos = xPos + BallSpeed;5 M: W8 T# h' c8 C$ i3 ?2 z; b
}3 M! M3 W( J& x% O8 N" M
else if (xDir == "left") {! A, O& D/ y- O) o: A
xPos = xPos - BallSpeed;, j0 w" ~$ I+ A8 Z: X4 m
}
c- n9 C5 R) `( h else {
1 Q3 I i7 S s9 i$ m- }4 y& k xPos = xPos;
) n+ B7 M" K/ D {5 e; Z- q7 _ }
& c( { n: P* k6 E5 W# R. t8 c if (yDir == "down") {* I* n o- y/ V3 f# X
yPos = yPos + BallSpeed;. P) F, B( T$ z) k x$ M4 \
}! V y: R* t# L; y: J2 ]
else if (yDir == "up") {! M* Z z. P& l% K" {: r S4 D' L
yPos = yPos - BallSpeed;
' t2 y( [9 H. c }- O) ^% }# w: Q. v+ n+ f. j. P
else {
- \6 r9 V6 l/ Y. c* Q1 }+ o) O yPos = yPos;
3 J& I/ T, Y( S6 T3 E7 ]+ G }2 f' f5 A# u2 n* g
}
1 C& Y( b: G. s; Y, W F( X& ^& _/ |* \' H* `& ?+ Q
function hidetext(){. e" ?( |6 p6 H
if (document.all)7 v Q* a7 z9 B3 a6 F+ v& Y
supertext.style.visibility="hidden"
6 c: |' \5 A/ Y# q! G) i3 xelse if (document.layers)1 x; K, J; n5 h1 s \* ~" n
document.supertext.visibility="hide". |, `% P ^# z$ f, B( R
clearTimeout(animatetext)6 ]$ J7 K3 Q. k! X- E0 ~) T
}. E9 W9 a6 P0 a
" P D5 n& h& Z* `2 x: C% `if (document.all||document.layers){
" a, h! g1 v" o3 k5 }& j! Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Y/ S0 x; z) O
window.onload = initializeBall;* T3 X7 X7 S. Q& ?) P
window.onresize = new Function("window.location.reload()");7 J/ v3 |& }* i' k2 ]( ~
}" b8 ~! d" U+ g- w* S
' {, \0 H- W1 i5 ]+ P. m% ]</script> |
|