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

|
网页之不断弹射的文字-特效
<style type="text/css">
2 M) h' ?* b; m/ T% }+ q9 _. A#supertext {4 i2 g2 V1 p+ g
position:absolute;
, W/ f& C6 O6 tleft:0;0 S2 \' ?( j/ Y+ k+ \6 O
top:0;
+ O( D5 |/ }7 _# ?& _9 Evisibility:hide;9 g, _+ E) s4 K( r1 J4 \' m. v/ h5 i
visibility:hidden;3 J6 C' t% x: J7 K! V
}
1 y7 G" q* [4 `; {. L. [</style>: ~! u0 i( d8 N: f8 g
<script language="JavaScript1.2"># Z# X* l5 k" J' }1 u
<!-- 改变下的字体的大小。颜色-->& t: Y/ y9 z, v$ G1 ^* {8 z9 j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', m- M8 n/ i, {7 b* _; B, b
var hidetimer='';
% V; v' I8 o# F( Z5 ?1 u$ c<!-- 改变下的弹跳速度-->
" W8 T0 Y3 t) }0 j# `var BallSpeed = 20;
7 C* }# K1 }+ n: L ^$ U3 P% ivar contentWidth;/ g! d, e3 x, `$ n3 M: R5 ?# d4 Q
var contentHeight;, i: c/ @% j) s' t d
var maxBallSpeed = 50;
0 n" k; |! A8 y' t/ i1 ~/ P9 m
Z0 d3 t, t! g" @" N, P/ I; M$ R; p- n2 K: u
var xMax;
& s+ G& k' w' p; g8 N5 @% }1 ~var yMax;
& Z( N3 ]# n7 K& i8 V: q& W" Ovar xPos = 0;3 H/ F( L" ~7 D" s. B: M
var yPos = 0;
( O9 U! Q; V; a% r! B. ^var xDir = 'right';
. @$ e6 _* p3 z& ~8 W8 g# K }var yDir = 'down';1 H. U- _0 V2 }% j
var superballRunning = true;
6 s# F" d8 z" s$ H0 [var tempBallSpeed;! m6 j: n0 H {4 s8 c! |/ ^* h
var currentBallSrc;/ ?1 I3 m5 A: H3 f1 {- B! S6 K
var newXDir;: T( M0 a/ u; g
var newYDir;
; z" R! y! m3 G) y$ b1 \
9 x( F: W, b" @+ S5 W: }. _; Yfunction initializeBall() {
9 w4 i) i5 W$ s- C7 y: H if (document.all) {
4 c e0 U- y: D5 s0 q" D H5 _ xMax = document.body.clientWidth
! e* V, d* H8 E9 s" h yMax = document.body.clientHeight
3 I5 }1 v) A; R" Q document.all("supertext").style.visibility = "visible";. M# n1 ?. y9 v. R' n
contentWidth=supertext.offsetWidth
" x$ [1 d3 I/ P- p6 f contentHeight=supertext.offsetHeight
0 g; {4 {- F+ y, g }# Q8 H8 f$ H+ Z1 S1 D
else if (document.layers) {/ S" @0 _) _$ y. q
xMax = window.innerWidth;7 L6 u {9 n. Z, p' L
yMax = window.innerHeight;$ V! t2 I' [0 s% s/ `9 _
contentWidth=document.supertext.document.width
2 |: T" t+ Y# ~# [7 u2 W8 F contentHeight=document.supertext.document.height
: c% ~' l& O& H' J6 J) E$ E document.layers["supertext"].visibility = "show";; \! O% l' n1 K- r
}( V! x/ T. c1 O: f1 j& v
setTimeout('moveBall()',400);, B ^' A; v- Y
if (hidetimer!=''); F0 U5 n! _( Z; v# ?' K9 D: k
setTimeout("hidetext()",hidetimer)- |" y8 _* `# u$ { q
}5 M/ V$ k/ `& ~ _
0 B" h T" P, a0 I$ O+ @/ r/ N4 G _function moveBall() {7 }9 a0 |" |+ n( w$ n( p1 p$ M' B
if (superballRunning == true) {
, {7 M5 Z# i$ B* b calculatePosition();
" z+ q$ e1 P) J# c! l9 e& U if (document.all) {0 K' R8 i: `" E! u- \% s
document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ H9 R5 v2 q0 L document.all("supertext").style.top = yPos + document.body.scrollTop;
' b; x3 r' l& d I4 F+ B3 X }; R) A/ n3 x! [1 h: t6 {- R
else if (document.layers) {
& l9 ]2 |/ U. ]" O/ H9 D; `# i8 g document.layers["supertext"].left = xPos + pageXOffset;
3 L. {% b( d% }8 d document.layers["supertext"].top = yPos + pageYOffset;! G/ v. s9 Y% f6 i/ Z8 J" a
}
. X( D* \! g9 o5 n! T6 o animatetext=setTimeout('moveBall()',20);
& I: W% L7 ?( Q. C; z9 h n6 F2 t }
2 A, X% t2 `" G }
" k4 g0 w [3 T+ R( l4 w3 n, u+ ?
/ j9 E, f$ g% Z: u/ |function calculatePosition() {9 W% Z4 q6 u$ s; E* a/ t
if (xDir == "right") {& h1 ^1 [) V `) M9 {4 }5 \
if (xPos > (xMax - contentWidth - BallSpeed)) {
2 y5 f0 U) }- N3 e) Y& t xDir = "left";
% @ x" ~5 q& Y- R) N7 }% } }$ C0 \- O& L: O4 f6 `% t9 @
}5 Y r+ ]" K% V, E" ]2 j
else if (xDir == "left") {* z/ \; y8 C' N0 |& H* G6 @
if (xPos < (0 + BallSpeed)) {
% `: A% `* ?! p* U. N xDir = "right";: F7 G: ]" n1 F- X: W9 Q
}# ?( {2 n& l/ F; p
}7 t) I$ t/ W/ Y l
if (yDir == "down") {
! ?$ Z/ j0 x* ^! u; x3 q' ? if (yPos > (yMax - contentHeight - BallSpeed)) {$ @( K& Q! t, I
yDir = "up";! r& V7 V K- s" M0 W7 Y& a
}6 Z+ t9 S1 k' c
} i. p& C9 q+ `+ u" P5 {
else if (yDir == "up") {
4 I0 y/ v9 ^% \' b9 W6 b# o if (yPos < (0 + BallSpeed)) {
/ A! p$ r, X8 r W G _ yDir = "down";
. D( r( ?& S9 B/ M" _8 m* g. b }
% f7 B! h- ^. t# l }9 }6 j7 V5 f$ t& F4 m/ Y3 e; \
if (xDir == "right") {
- Z4 O! o' P3 h$ V& z xPos = xPos + BallSpeed;
* f8 A, E6 U) i+ W5 n }! h) M8 B f/ i) H' t
else if (xDir == "left") {
: H7 h \3 o O7 e l% a1 l xPos = xPos - BallSpeed;
8 V" s! D) N7 u- A8 n }
7 I! E) G/ Q" ^* S* S6 b$ T else {
, g9 t+ |& f. { xPos = xPos;4 J/ m/ W4 b4 R9 \2 p) W1 Z5 D% l
}' C3 Z5 Y; Y u
if (yDir == "down") {
2 k" O* z e }$ W9 e4 K yPos = yPos + BallSpeed;
9 ]/ d/ i: g. i3 W }
8 j' L) A" P+ g$ g1 H6 X6 _ else if (yDir == "up") {
8 G; `+ p9 Z/ O l& K+ I* F yPos = yPos - BallSpeed;
' w. k/ J5 M6 w# n, U1 Q }
- ?6 X) ]: k: B) c' @% a9 V, j else {
/ r, z$ k% r6 x/ \* X* R% k yPos = yPos;
3 J/ {8 [7 @2 j# Y9 [& t( L: A }; g, G. _) X& J- N" Y7 E V
}
9 w7 ^6 w3 R9 n4 }1 A! x1 S1 ?/ p1 ~* ^
function hidetext(){
2 A# G8 j, z. p5 h. m6 bif (document.all)
2 [7 p) @# o2 ?1 ^" ?$ K$ b9 Q4 \supertext.style.visibility="hidden"
! Z3 U8 b# S8 F, }else if (document.layers)
% I8 @& `. m6 B9 Ddocument.supertext.visibility="hide"
- Z) g$ b. x2 i+ q; [4 p0 bclearTimeout(animatetext)! q4 ^% _, Y+ m) I$ a
}
& b& n; ~! n+ j
" @* a' f! l) N6 cif (document.all||document.layers){7 P, Y2 `" @( O" E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# }; e8 M' w1 q7 Z: hwindow.onload = initializeBall;0 u" Y$ X3 e+ n
window.onresize = new Function("window.location.reload()");
5 z" ^7 S0 L: u# K8 j- @}
( E+ k$ _7 U: q' ~) _3 h5 A' ]- @( p' V4 D4 d8 B2 ~7 k
</script> |
|