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

|
网页之不断弹射的文字-特效
<style type="text/css">
. g/ {* Z7 F, y0 H4 h! d#supertext {
: n, L4 |5 A; r/ X6 Dposition:absolute;# e! u3 k u' g
left:0;
& Z) [! \: C) O7 V) `4 Gtop:0;2 W( }3 ]& b3 s6 R5 |4 b9 j
visibility:hide;2 L6 |5 Q. I0 l- f$ r; b" A
visibility:hidden;
6 k5 _+ m1 A( S! b: A: r* o/ W& `2 z}
3 C' q \% O* L3 h1 w" M& \</style>
' \& J* y$ u* C3 m7 P+ v! z<script language="JavaScript1.2">' _; e7 c( t( A/ o3 o
<!-- 改变下的字体的大小。颜色-->. c" w6 g- l2 r8 B4 f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 z) k* s, G) w: _var hidetimer='';3 N) [, |- {, |( P F( H& q1 S/ Q* n
<!-- 改变下的弹跳速度-->
, ?: L+ e$ g" U9 c% V) xvar BallSpeed = 20;+ p' ~, N! v0 Y. R6 Z; o( I
var contentWidth;( g: u8 p: I, A$ r2 b2 j
var contentHeight;2 q5 q' B# H1 t5 @' Q
var maxBallSpeed = 50;$ Z/ S/ W3 S; [5 k1 j+ w9 _4 ?
0 n* A' P( z: h5 C I
+ a r5 X8 h7 }, \
var xMax;
) c7 b! ]8 k- d$ N7 o2 cvar yMax;% p0 F7 N. ?7 ]
var xPos = 0;
/ x# M& G$ O' E, Cvar yPos = 0;
9 z1 ?0 L& L$ O% c Evar xDir = 'right';
$ ]1 e2 S9 V- L) J" _var yDir = 'down';
* A2 K7 w& K* x8 F' p" u: w; ]var superballRunning = true;
" y N) R+ K" k5 L( bvar tempBallSpeed;5 R. \# a( f) ]0 v* x- S
var currentBallSrc;
0 ?, n& M3 a: u' m' q9 o% Zvar newXDir;
" J9 E3 n$ T0 Kvar newYDir;
( W1 h) }0 T$ M; h# k& Q, d( a4 }2 X3 N. m! J' |
function initializeBall() {
0 ?3 X5 r6 F4 P* r, z9 T if (document.all) {
$ B8 i2 G! m* ~* W% Z; Q" |; U xMax = document.body.clientWidth
# C/ U! G- S, G8 a2 k1 c yMax = document.body.clientHeight
3 ]: L0 e9 k) \ document.all("supertext").style.visibility = "visible";
" i8 l! R# q. [# E" G contentWidth=supertext.offsetWidth2 n; n+ c% f) W: O8 J Z' [& O
contentHeight=supertext.offsetHeight
" r4 L, @( A* l: I }" ]9 i4 p/ x: D) `- ]8 H
else if (document.layers) {
3 @0 D7 I# o5 T. [ xMax = window.innerWidth;
$ d5 R+ ]3 O& K" Q0 t. F yMax = window.innerHeight;
" u; g' O5 Y/ R# l) j7 y, ` contentWidth=document.supertext.document.width
2 |3 _* N- j9 ?4 h contentHeight=document.supertext.document.height
) }6 w n: w5 ? ~ document.layers["supertext"].visibility = "show";
6 [# |+ O* R6 Q2 a% S0 b) L- q }
; y* o- V5 A$ D6 w setTimeout('moveBall()',400);
) Z8 x' e) z7 h/ ^; T2 m if (hidetimer!='')
% r' l' h X# H; ] setTimeout("hidetext()",hidetimer)
& z7 n: T# t$ ]* E4 s( T* ~ }; ~8 O6 a* G0 z: x
( h9 i& x1 M8 Q2 \; i) `- H' t% Dfunction moveBall() {
, Z) N* [( W$ Y2 W" j( x2 R1 y if (superballRunning == true) {( V- s3 C) V5 i3 [
calculatePosition();- H+ g6 }8 ~' g9 ]' p
if (document.all) {
! _* M4 w4 t5 R document.all("supertext").style.left = xPos + document.body.scrollLeft;+ ^1 E" `# O/ Y. z3 T
document.all("supertext").style.top = yPos + document.body.scrollTop;4 H, Y- {5 O0 l# g8 y
}3 {$ k5 o- d! g3 P
else if (document.layers) {
/ L! `9 F4 c$ M/ H: _3 j* b3 J& o5 \# M document.layers["supertext"].left = xPos + pageXOffset;
3 [- v3 \7 j' u$ y document.layers["supertext"].top = yPos + pageYOffset;
$ y4 f/ c# R+ B" j }
2 v1 u) h M w8 W8 W1 J animatetext=setTimeout('moveBall()',20);! k* l$ m; w& A
}
! L8 ]) j$ l. m4 {# X0 h- b# q }! y, Y- p6 m; J: C) ~8 n: V7 \
: @& G6 b+ g- d( E/ ^2 g
function calculatePosition() {5 {+ \* D; S$ U" Z
if (xDir == "right") {* ^; y0 v) L5 Y- x2 `- p
if (xPos > (xMax - contentWidth - BallSpeed)) {
5 C! y+ G9 p/ e3 o7 H: r2 M: q+ H xDir = "left";; e3 ^% X: U! P, l' A0 p0 F/ [
}7 J( @8 |" j) t' g( X
}6 z" n# o1 a W% W
else if (xDir == "left") {5 V/ Q: u/ P* w% b2 D
if (xPos < (0 + BallSpeed)) {9 L; \4 V/ ?+ X+ q) o& B9 e6 I% Z
xDir = "right";: A: {. S0 U% Q# X1 o
}
+ ~: }8 F* F: b, E, C }
6 X0 L% `) H2 {) B" I if (yDir == "down") {
9 W' U" z5 W" N8 z U if (yPos > (yMax - contentHeight - BallSpeed)) {
$ q) o! x0 c4 f5 m, l& g/ G$ L) W yDir = "up";0 T' t3 I7 u! @1 C. W8 y: W3 l
}
; h6 Z, h: |9 t$ ^6 p) B# j$ \ }
* b! r) H8 \+ @ else if (yDir == "up") {
) q$ L9 l4 R6 t) x: O if (yPos < (0 + BallSpeed)) {& `; S% o9 V$ i, F$ c
yDir = "down";) u5 {2 S8 H% ]) G1 v! c! O9 b
}
& s! |- u. n9 G! z% R }
; Z) j6 y* G- t6 `' C if (xDir == "right") {
( g2 y8 Q+ A2 d xPos = xPos + BallSpeed;
9 M5 p# b8 a) n+ x: m1 V }
^! Z# @# A- N5 t4 P1 V* G else if (xDir == "left") {) n! E5 a9 b( \9 b0 O
xPos = xPos - BallSpeed;
$ T* E. k; R8 I' D2 A; f0 n }. w9 U, O* l* H3 H I% z7 a
else {2 H5 B% f. C/ F5 S3 K, ^
xPos = xPos;
$ B6 L, _( ^' B. E }3 p8 r1 k; D8 g- G( i( _6 u+ P
if (yDir == "down") {' O" x @* j4 r0 ^# Q- ]# @
yPos = yPos + BallSpeed;
X+ J' _0 P) F- V- B }
" y* T8 x- e4 [6 @+ ~9 J else if (yDir == "up") {
# |* @$ C! a, V; n1 I; \8 D yPos = yPos - BallSpeed;
- \: c0 ~" R3 l }3 Q0 d9 {! t/ w6 p9 W/ E
else {: Z/ \: v' l" N. r
yPos = yPos;
0 H+ u7 S8 j' d }
/ g+ ?& x* O0 Q+ n: O. y A }2 _3 N% ^9 x' q. J% T# r
# t$ g7 h) c. e, r, Pfunction hidetext(){) B- e; i, \' w' q, N
if (document.all)
3 }* [+ y6 i9 t* Y4 b. {: \supertext.style.visibility="hidden"; X7 B: E. j9 V& X: I$ h& m
else if (document.layers)
$ j0 a/ z) i, p9 a. ^. Sdocument.supertext.visibility="hide"& T4 |: M1 t2 X' C# ~$ g+ ?
clearTimeout(animatetext)9 ?1 d! u& n K7 ^* z
}/ C# m' b& z" A* n5 i9 k& a% v
9 @ o" ?( O& A N" A- F9 sif (document.all||document.layers){
, Y; l b" o5 ], {1 o9 adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ y1 E# B1 L n' s+ }
window.onload = initializeBall; J, q/ a% {0 j2 g
window.onresize = new Function("window.location.reload()");
; Z* p3 x2 f o9 y}( v% o0 ]: c* z, M _0 {
! I( ^/ K9 J: W0 u# N6 H( c</script> |
|