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

|
网页之不断弹射的文字-特效
<style type="text/css">
. { k+ H- a4 h t* o7 h9 X#supertext {) r; X" u$ Y) _$ {+ v" L9 f
position:absolute;
7 M- d2 e+ ~' \: tleft:0;
: w1 z7 [, H# F. m3 s( j" S, itop:0;
* O S# L- t( u, P) p5 avisibility:hide;4 C. F- y8 h! Y2 \. @2 _ ~! z
visibility:hidden;
" ]# o; G/ A# s}
/ p# ` [" S: u8 r/ e$ U' k4 g2 n8 M</style>+ h0 i$ i7 x! H+ q. w* ~' Y; o
<script language="JavaScript1.2">) [' ^( L6 j9 l S! X6 x7 ]
<!-- 改变下的字体的大小。颜色-->
" w) P% `. m4 H/ R9 F- J' Q+ w8 D0 q8 Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 p( k* K/ s B' _" w3 Z1 ~var hidetimer='';
: ^9 j" I% H7 [<!-- 改变下的弹跳速度-->. l$ x5 R& Q: G9 R& x6 h
var BallSpeed = 20;0 K6 l6 ]) d( V% A! k9 O- l
var contentWidth;
2 N% O" Q( {" l& vvar contentHeight;
6 t" o/ F$ F) W4 R8 B" ?/ }# o' _var maxBallSpeed = 50;
7 s& c3 w g: U0 p" Q
+ |7 B' f5 h, {+ b4 {. g% z2 X' O8 }2 v9 ]2 W
var xMax;
! f }- m- Z% i% w9 ~var yMax;8 Y8 h1 f* E: B/ _
var xPos = 0;
& |8 g$ O! R+ y6 J8 f7 }7 t- tvar yPos = 0;1 h1 {! t* F3 `! ]+ y) [* s
var xDir = 'right';+ s. g/ X7 V) h9 @4 `/ D! F/ |
var yDir = 'down';7 R. B8 e0 R* z0 D
var superballRunning = true;
+ f: q$ W$ q; Y: q L$ qvar tempBallSpeed;/ L- y! p8 o7 C# @
var currentBallSrc;1 f& L% R3 d9 W9 [( a
var newXDir;+ G. L/ S% u I/ u* l
var newYDir;
6 D% N' x. { ]' _
* b. g; C4 D1 L0 sfunction initializeBall() {
W' R/ Z4 Z0 a* |7 ^5 d if (document.all) {
& O: M' | s8 j8 s ` xMax = document.body.clientWidth- U/ Z* p% ?8 v1 [
yMax = document.body.clientHeight% L2 J* U% M& p& o C
document.all("supertext").style.visibility = "visible";& ~: y; v# n# \/ n7 \
contentWidth=supertext.offsetWidth
1 l Y ?! y7 u: [( U/ K8 T contentHeight=supertext.offsetHeight
8 s0 f# Q0 t) a( L' t# C2 q }' y5 b2 D9 F0 r$ T
else if (document.layers) {
! ~: l ~! H! s' d" L8 `: x xMax = window.innerWidth;1 y+ ~5 l1 s% q3 b6 j) E
yMax = window.innerHeight;6 p+ j5 ~, _& Q2 r
contentWidth=document.supertext.document.width/ ^& L5 o D8 X+ e9 M# H
contentHeight=document.supertext.document.height: l' H9 @+ c) P" {6 c" h
document.layers["supertext"].visibility = "show";
I9 {9 V' U. D2 I }' |5 _. Y+ J$ T7 v
setTimeout('moveBall()',400);9 \; @" e1 K6 q c0 C6 J
if (hidetimer!=''); ?: f: r- i2 x* i8 q8 I/ a
setTimeout("hidetext()",hidetimer)
8 ]( {- b z% W# e& N }& Y! F5 Y; @4 F$ ?' P a$ [, O
8 c; x' G( [" @ L. Y
function moveBall() {
& X2 q; ^* M2 A, m$ }* j& ? if (superballRunning == true) {
3 f) ^* v% e3 b) z- X calculatePosition();
7 {/ p7 `2 Y% b+ T if (document.all) {9 S5 N; [7 R$ m! m4 n
document.all("supertext").style.left = xPos + document.body.scrollLeft;: g" ^( a" P# |+ |) Z0 o6 y4 a
document.all("supertext").style.top = yPos + document.body.scrollTop;3 h+ z% l0 N, I6 c1 O) u
}
8 [0 M0 r- r% n" H else if (document.layers) {7 u& R, `8 z* f$ j, B# g
document.layers["supertext"].left = xPos + pageXOffset;
8 H0 F: d5 Q; t6 ?6 W! L) X2 J document.layers["supertext"].top = yPos + pageYOffset;! [7 i4 ~$ K2 L2 d0 z8 S
}7 q* Q- Y9 x' f" m; \& L
animatetext=setTimeout('moveBall()',20);: `- i2 C7 J: @/ a
}: |6 _) F. g; d7 X; p- {" c
}& `+ `" l8 c% W# z
4 B. K6 N$ \3 D' C+ V0 \5 U5 Pfunction calculatePosition() {
& z8 y9 ~$ c' q( N- d if (xDir == "right") {
7 L& U( J% I% D. x if (xPos > (xMax - contentWidth - BallSpeed)) {
+ h* b& E4 s. Z xDir = "left";, b: ]- Y# `# @8 E
}
. V- J! e. e( }# Y1 j7 y }
/ C7 r& z2 A! e' C% G. X8 E else if (xDir == "left") {
: [; k$ U3 I* P q if (xPos < (0 + BallSpeed)) {& b2 \, } }. M7 w, C; N* |
xDir = "right";8 w% D+ }; m; e5 p, Y
}
+ d+ X1 t+ k) F8 l' z }. _5 U& e% c% g5 \+ t/ o+ k
if (yDir == "down") {# u# m4 D* ?. e; |5 v% B8 R
if (yPos > (yMax - contentHeight - BallSpeed)) {. j2 B& V {: D+ u- f7 W
yDir = "up";
! [3 N+ e. p2 a8 I }+ b; X! |/ u0 g4 Z# G. e
}
. [; L+ K9 N7 ~3 |$ C else if (yDir == "up") {( m; k) f' ~+ g J$ B2 n
if (yPos < (0 + BallSpeed)) {- r6 j; C7 ^& U+ A
yDir = "down";, Z# J. G4 E4 h* i( V4 }
}
" u! g6 o, Y ^8 ^$ K1 |' H$ { }' K% I7 }) j. }. W; [; }
if (xDir == "right") {' F" R4 t7 y) O5 F% h6 x# U0 ^
xPos = xPos + BallSpeed;
% M8 B+ O, }8 u6 Y: a }
$ D8 X3 }' h2 e' j8 X* G4 @( h else if (xDir == "left") {
3 K1 c' T3 Q# {6 n0 \/ K( F, T& C xPos = xPos - BallSpeed;
0 _0 p1 X2 d7 F! G }
. r" E( R8 o# S2 I& \ else {
& z' t3 m* P4 E( {1 c' ^ xPos = xPos;
3 X) C, B9 Q4 E9 I- o; Z }
6 Z( O7 X0 c1 P( r2 R if (yDir == "down") {; g. {: B0 J' y/ a9 H& C" Q* F
yPos = yPos + BallSpeed;
, a' ~( u# ^8 k7 {, P }- [" y; W( o' D5 s8 Y9 l
else if (yDir == "up") {
# h/ J% T3 r; C+ g) \4 u yPos = yPos - BallSpeed;# M- M: c. p( K' s0 f% k8 }2 `
}
* t# d6 }2 V3 |+ Z else {
& F1 w# ]+ K& m6 d1 p- D( v yPos = yPos;
* K% H* D$ j' e/ \ }! f/ g& S+ O4 P; h* c4 f0 j
}+ Y! v O& T& E% ~/ ~1 B! Z
) @9 v- J) G& M0 }- q- k" Z/ s
function hidetext(){% {( U- R! W& Q
if (document.all); [6 T1 \+ w" ^* x) q5 z! G
supertext.style.visibility="hidden"
; [1 m3 R, m' Q u! ?else if (document.layers)! n2 O2 d/ d/ H' ^. W
document.supertext.visibility="hide"( ~( T" Y& M. P+ l( D: w
clearTimeout(animatetext)* c( X: J; j% N* V' k
}/ h" t- y' ]4 q
5 {) R a4 W" D3 Mif (document.all||document.layers){. I" O+ h* I. V. H- F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! W& U6 x! _1 i, m% Fwindow.onload = initializeBall;
: c# ^1 f: ?: L( {4 \ _6 Iwindow.onresize = new Function("window.location.reload()");
! Y* l4 p, l v0 {8 f; q}( n# C' b" A1 t( M
7 p5 y; d/ k* k0 ~7 n- E" l. k
</script> |
|