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

|
网页之不断弹射的文字-特效
<style type="text/css">9 X7 E% N/ J& L4 O" C: E/ j
#supertext {
8 }9 }! C% j6 Gposition:absolute;8 ~& o% [. w" H
left:0;' r0 i' |( g# V: ]- q& T, l
top:0;# c) i& M$ x% ]
visibility:hide;
- a6 k! R Y5 O- }* _- f0 _- Pvisibility:hidden;, h( A% k0 {* |9 `3 U9 g3 B# o* x
}
* ^! Q8 k* ^/ v</style>$ \2 i7 ^& x4 V2 N1 C7 d& @: y6 c9 J
<script language="JavaScript1.2">
7 V) g9 T1 A4 a; h( ^<!-- 改变下的字体的大小。颜色-->
' A7 D- N; w# ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 {+ _" f8 ~& @. j9 u. l9 `
var hidetimer='';4 [9 e4 q- o9 g% @9 |' s
<!-- 改变下的弹跳速度-->& ~& N7 j2 m! {: v9 M
var BallSpeed = 20;- W- _: E1 i' u3 O+ L8 t: D
var contentWidth;
5 }2 K5 W8 g7 L! M/ L; Xvar contentHeight; y! N _7 e" m$ s a
var maxBallSpeed = 50;+ | ?3 |0 z8 a X! A# b
. F# n9 }6 |2 E! J7 j/ V* O: u0 J$ W& o/ J! F J( H
var xMax;
. X( |. j* u# W9 bvar yMax;
# X' J5 J+ Z2 |+ s: \5 bvar xPos = 0;2 q; p; j6 s3 L
var yPos = 0;
: U, }( e5 Z; H/ [, ]. Zvar xDir = 'right';0 B4 H! Q. a. |+ [$ u" Y: Y' a
var yDir = 'down';
$ K4 T% I8 g/ J# b1 S0 L: Nvar superballRunning = true;
- D& W [5 G) Zvar tempBallSpeed;
' `3 o. U' U0 z9 q) @ D {( Yvar currentBallSrc;
5 Z, K- C3 K0 k) N. m* V" q1 gvar newXDir;
5 j, A1 |; H3 }- P$ Evar newYDir;2 d. P, {$ f& V6 ~5 Z* V
! y4 ?+ q4 M. w v2 ^7 G& W6 j8 V+ Gfunction initializeBall() {
6 S; F6 _3 d2 E+ ]( f if (document.all) {
, g3 k. g( [* B0 ~ xMax = document.body.clientWidth0 h8 P2 q" C- E& h$ d5 F% U% ~
yMax = document.body.clientHeight
6 W. L R% N& B7 e2 R* m document.all("supertext").style.visibility = "visible";5 S/ T# j( U+ `/ C# S I
contentWidth=supertext.offsetWidth
8 o/ q4 E+ j& t: z8 m contentHeight=supertext.offsetHeight0 {- m5 j e7 r5 F5 C
}* A1 ]- r# p# j
else if (document.layers) {
0 w; ]' E- C2 o9 _' S& B xMax = window.innerWidth;0 o% w2 C A7 C" ^2 D6 J; }) q+ v2 J
yMax = window.innerHeight;
" S4 F; o. j) i1 j contentWidth=document.supertext.document.width ~# n2 M0 Y: u' A
contentHeight=document.supertext.document.height) L' W9 t( R- l3 W
document.layers["supertext"].visibility = "show";* S) s6 k/ U$ e: n. X
}( ?, C: D2 Y. w5 ~, }; Y
setTimeout('moveBall()',400);
$ M% |6 i1 B9 y- O if (hidetimer!='')
) O ~- j2 D: h- }$ w setTimeout("hidetext()",hidetimer)
1 U' s% {0 b. W) ~& I m u M }
% n# ~# ^+ d% R9 g
( X6 }2 J; Y. [ o) Xfunction moveBall() {
4 Q& e2 _+ q* \5 W% R3 d% _7 |6 y if (superballRunning == true) {
# j$ }9 \ L( M" e6 {6 n/ I4 Y! F( _ calculatePosition();8 K# P* J$ Q( w% g* m, ~" y+ E# i
if (document.all) {
O: D3 N i- `8 ^6 Y( v, J9 q document.all("supertext").style.left = xPos + document.body.scrollLeft;
: N; {/ s* P6 z+ u document.all("supertext").style.top = yPos + document.body.scrollTop;
; ~3 X5 P7 C' g4 w+ c1 Z! z6 n }; ]7 Y$ ?4 Q. s; N+ g. `
else if (document.layers) {! p0 J1 K2 w3 P
document.layers["supertext"].left = xPos + pageXOffset;
. y: V9 M1 y1 I9 X+ f document.layers["supertext"].top = yPos + pageYOffset;
5 O+ }2 g5 U6 Y* X G }
3 k% B/ ~' @4 ]% n3 v1 A animatetext=setTimeout('moveBall()',20);
: t" E: Y6 d. I6 O6 Y6 P b }' d) p3 N6 ~4 ]5 B# R
}
+ K" S. r0 K/ X( @$ ~/ M8 Y' y
! P* A( d4 K5 k$ ?7 @6 Kfunction calculatePosition() {
- |: x" @2 k# x if (xDir == "right") { A8 N* K' M6 f1 q, b/ H5 j
if (xPos > (xMax - contentWidth - BallSpeed)) {2 }; G! z: r4 I/ f* ^& x; P& |
xDir = "left";
/ L( i s3 k. G1 l( j& y9 b }
! d# Y/ U6 |' a } }) J5 f' G3 d; T: v
else if (xDir == "left") {
% D$ j0 b* T: R$ C6 d; d- P if (xPos < (0 + BallSpeed)) {' F* j x! u9 u
xDir = "right";' ^( @0 ^# e k& b: H1 r
}6 ~0 _6 R$ s/ h: F( [& T
}( ~' n5 r0 O8 C
if (yDir == "down") {* p1 Z8 C9 x7 Q
if (yPos > (yMax - contentHeight - BallSpeed)) {0 r& [5 r' |/ Z& P4 Q X
yDir = "up";
7 v% C0 q. J+ ~8 ~; v }
# O+ W' D9 h9 |4 O' x }6 o5 j9 w! ~# S0 P& f6 G- U
else if (yDir == "up") {
6 B( \ R2 y F1 D R2 g if (yPos < (0 + BallSpeed)) {5 g6 T% q* H; J4 B; p- J
yDir = "down";
$ W f# z! z1 L) u6 g# \ }- x ]+ Q4 O6 Z
}$ Y% N) R. u1 l* ^
if (xDir == "right") {. i8 Z( y" ?. B) L7 T# J
xPos = xPos + BallSpeed;( @/ f4 a8 i; S* }' \6 W, U; F
}# R" F5 T4 ~ Z( Z1 z) ~" ~
else if (xDir == "left") {
6 O8 _. q$ o. Z7 @1 n9 i0 S xPos = xPos - BallSpeed;
m- O6 e( j' O: H! y1 F/ k# |- t }* P0 R* P* P' e3 V: f
else {5 a' s6 G0 O9 I0 h2 F. A
xPos = xPos;
! H. O9 m r- L0 m! E- t$ o3 T: S4 q }) a2 D6 [& h( }( G9 b! N8 j) x
if (yDir == "down") {# F8 U9 C( ^0 n' w& G8 _
yPos = yPos + BallSpeed;
- L" V; D% q! k1 c$ w; y- N }
9 h1 o' g. C& o6 l else if (yDir == "up") {
: `" ~: I: D% ^0 ~9 Q, `% |/ q3 f( ` y yPos = yPos - BallSpeed;+ F* c3 y; g9 Q5 F
}
/ X0 ]+ X1 A3 [% y% U4 X6 y* a else {
2 i) l0 w4 `2 g. L6 Z yPos = yPos;
, G7 ?* ~0 a# X }) D/ B8 G2 j: u% Z9 r$ g! a# _8 y
}1 V8 _2 i. u: |# Y Z/ l. }2 t. o6 z
% `9 H( s$ J7 R% Y& ~; P0 N
function hidetext(){
3 {( Z9 U/ P3 D: Z" o: |if (document.all)
- p3 O9 r( c7 p! v, [. Z$ ?* Isupertext.style.visibility="hidden"
3 V2 v* \0 G0 W/ y+ e3 q/ w5 ]else if (document.layers)
7 m0 A/ h5 a+ {8 t7 y7 zdocument.supertext.visibility="hide"
# \0 T9 A0 Z, k5 d/ |clearTimeout(animatetext)
P2 ]& N5 h9 D/ x# O5 [/ ]1 ~/ V}/ i; F, I" f9 x% e
9 `. e4 c$ i1 dif (document.all||document.layers){8 A2 `8 Z9 J `* t2 z( i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" O5 w4 _" [- P4 W5 ^- nwindow.onload = initializeBall;
$ o& e. i2 y; S( N7 Twindow.onresize = new Function("window.location.reload()");
; x5 d, Q% a: W/ y* H; ?}
- o% o# s, }* t' B
- d( H; a5 T. T% s$ F! z/ ?</script> |
|