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

|
网页之不断弹射的文字-特效
<style type="text/css">
, Y: t c8 T' e1 t/ W& Q#supertext {) v- |% {/ n+ v8 f* d* B
position:absolute;
+ ~, J& v \+ N0 Ileft:0;, p1 T* P8 ^5 ?+ ^- v8 }1 X' k( t$ [
top:0;3 ?# L5 U/ A# Y" e' x* ]
visibility:hide;& [9 U; }3 q: V# y# |
visibility:hidden;
* L# N$ x5 B- h. ?# X# J$ y8 Z}0 s9 _1 B K2 Z9 A6 O
</style>
" c9 |% D/ }( _<script language="JavaScript1.2">
0 _- C' F! V0 U<!-- 改变下的字体的大小。颜色-->
; j- ~7 J# _! U/ j" ]9 gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. F( ]; ^1 D7 J! O2 S* Nvar hidetimer='';6 C( V6 o/ O) {5 V
<!-- 改变下的弹跳速度-->
' _0 ` B, g L, Ovar BallSpeed = 20;
. h: F1 d/ @- Z6 bvar contentWidth;
( h0 {: H/ o2 M }6 ~ F' U) jvar contentHeight;/ L+ N+ v7 Q! L/ T+ t! c9 _+ G' [2 J
var maxBallSpeed = 50;
- D' t* R! V. G& @6 u2 w- K8 Q& `+ {0 s" [8 |5 R$ Q& P
5 o0 a4 q4 _- k, z. K Tvar xMax;
6 |, N; ~3 T/ Z6 y8 Rvar yMax;
/ D% g! ~7 G# ?/ t) Vvar xPos = 0;
. o: M* g5 d5 p7 Mvar yPos = 0;
! t2 C- E, i. }7 O0 tvar xDir = 'right';
: a% X( s) l5 X+ x! rvar yDir = 'down';: O/ P2 V8 [! A+ \3 b! W: f
var superballRunning = true;5 ?! m' ~8 J* Z6 p/ M( e: t
var tempBallSpeed;
% M; S/ Q4 u5 s( E$ P; D0 Bvar currentBallSrc;
( @, S- O* W& a' z6 mvar newXDir;. c: D8 k; f/ s1 Q) T% Y0 ?3 u9 |
var newYDir;& M4 `' x2 I+ J0 r. l
' U) ?+ S5 v& F7 F% Y( o
function initializeBall() {
! L$ P/ @$ K/ U& r A# @ if (document.all) {+ g+ W$ l. U8 R2 H1 ^$ s- X
xMax = document.body.clientWidth
* n: n( ^6 p9 H8 J! T u. V yMax = document.body.clientHeight; n+ Z. C8 f$ k6 f& a
document.all("supertext").style.visibility = "visible";) ^$ f; K* }( y8 T$ r
contentWidth=supertext.offsetWidth
2 ?9 A, v# k6 ?7 F/ R& m2 {5 t( o contentHeight=supertext.offsetHeight
! r/ G V8 l+ @! A4 d6 W1 {- m }- x& L4 ]! a; u- N$ k! f0 Y2 r
else if (document.layers) { o m# q# Y9 B
xMax = window.innerWidth;
+ m: ]- e/ w* W6 \ yMax = window.innerHeight;3 S- `$ f( w( t/ w0 C
contentWidth=document.supertext.document.width' n- N/ u) ^- ~/ _
contentHeight=document.supertext.document.height
- w' s! ~' b- J i9 i2 Y document.layers["supertext"].visibility = "show";
1 N8 t7 c7 K O1 y$ o% T }: Y/ F/ s8 N, ?+ Q2 V* K
setTimeout('moveBall()',400);* S: F v; f+ K* ]. j! w
if (hidetimer!='')( `5 D0 v% U* N4 i+ M( G. f
setTimeout("hidetext()",hidetimer)
8 y1 K h; w1 ^+ d- k6 z }
( f7 I7 E: N, Y0 y7 X, a0 Z
?( G: ]: O( \! t9 tfunction moveBall() {8 C r# T9 B3 o- A
if (superballRunning == true) {# v4 `+ t+ v. K
calculatePosition();
8 E3 _8 ?0 v/ y% K m+ |: A if (document.all) {
! K: Z7 E P O" u; t/ [' Q! H+ \/ c document.all("supertext").style.left = xPos + document.body.scrollLeft;8 n. U& E" \1 Y/ U* O4 j
document.all("supertext").style.top = yPos + document.body.scrollTop;) N* f2 ]" ]: N# `& W- V2 }
}, T0 e6 `9 t! t3 d j) B
else if (document.layers) {; i3 G; p" O# d' G1 C6 ]$ C& h
document.layers["supertext"].left = xPos + pageXOffset;! S% `( m# {+ M; U' w, w' v
document.layers["supertext"].top = yPos + pageYOffset;6 V4 F# B1 j! R4 A" X% A" z
}
3 x `- {; R: [ animatetext=setTimeout('moveBall()',20);- G% @- Z7 z8 l" n5 j
}5 F7 a) W: \: V' G( X
}: z: ]" x6 n- F4 S. I, r0 i- {
$ u+ @& Q# a5 Z
function calculatePosition() {
+ _( w+ I5 s* Y ] if (xDir == "right") {
' {1 j; K$ e3 ~7 P: y if (xPos > (xMax - contentWidth - BallSpeed)) {* v5 _6 T" s a! D2 c; j
xDir = "left";
% S% l, m$ B4 |9 y( ] }6 P8 X, g7 b0 x ^0 {0 m
}0 K6 ^# m- O% ?& G4 c& b1 A
else if (xDir == "left") {
6 j4 k0 f2 J: v5 y/ q if (xPos < (0 + BallSpeed)) {
" q$ _4 E, Z+ K+ p7 y xDir = "right";
+ L' {9 {& N, I3 r% k! { }. @4 Y# c* w3 { ]+ A3 B6 Y; G e
}
* a( k4 k: G3 a2 e" D; U if (yDir == "down") {0 L- l) O* j* R( r4 }
if (yPos > (yMax - contentHeight - BallSpeed)) {0 a: J. G; _9 }% @1 w* H! u
yDir = "up";% Y7 | ]) x6 l# @# p" Y' B; B
}. T/ t/ W( G8 {
}
+ h1 \/ i' A# r8 F" {& ^ else if (yDir == "up") {
4 W0 [7 v# i$ O2 B$ H3 u if (yPos < (0 + BallSpeed)) {
2 k6 ~+ K& d3 A8 n: s. b yDir = "down";8 d8 H) [6 z0 `& S1 ^) r$ I: W3 |
}0 j0 k# v6 l( `+ D T! d
}$ u* E* a1 H& V# Q) ~/ f! u
if (xDir == "right") {
' Z- }! n4 T0 e3 p xPos = xPos + BallSpeed;5 r* I7 e7 z" g: x T! E3 p' C" B9 Q6 U
}( b1 A$ I) F X p( j
else if (xDir == "left") {
# m$ Q6 Y. R8 G, e xPos = xPos - BallSpeed;$ i: D4 M+ r- f9 i1 a
}' S: t2 m* |0 b; y% w9 x
else {
" j9 W0 Q9 s0 X3 h xPos = xPos;) B7 e: w# s3 Y! U5 X" O5 j
}
: I3 ~, N; ]6 s3 _: u' h3 v- w3 b& Q if (yDir == "down") {
' ~3 o/ F( B- w' T: R+ K yPos = yPos + BallSpeed;
- D- m- h+ S- v k9 J% R }% ^4 n- r1 W: N; x0 J* @
else if (yDir == "up") {
* c2 a. t! O- n: W$ g& z; U5 O yPos = yPos - BallSpeed;
8 D9 p4 x! A6 \9 d T+ P5 W. v. r }
+ k+ p9 I* `# t( Z else {. {* c7 j |- K, }* h f
yPos = yPos;
! Y$ I7 a- L4 k$ @- o# K+ i }
C; V1 G) @: E$ }# v. I9 t3 e }. m: W* y ^! Y1 }8 C0 n
! r3 `/ }" l2 {7 ~, D& F" _/ Kfunction hidetext(){
7 H9 H$ i9 F! @5 Yif (document.all). f- ~% X( ]: X/ h
supertext.style.visibility="hidden"
2 U3 A. ?4 l( Y5 H1 I" `# jelse if (document.layers)( y& j3 ^, G" r% j
document.supertext.visibility="hide"
# H$ o$ h+ J! e# t" UclearTimeout(animatetext)
/ D/ L; T m- k# o+ u: N}1 _ I+ p( u+ p7 K
' t0 X, V' Z9 s6 \0 d
if (document.all||document.layers){2 J8 P r8 F( @! y8 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) c4 Z( p; K4 y7 T* ]window.onload = initializeBall;
; Z k. t" f* v5 r, @# W9 Z+ mwindow.onresize = new Function("window.location.reload()");
; W% N/ ?) f- |}
3 }; U! O$ ]( _/ @! E1 L# ?4 S# Z) ]7 ~* p8 B
</script> |
|