|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">, _1 N6 A5 r: k
#supertext {6 e" w4 I6 o7 D8 C
position:absolute;7 y4 a( s0 ~2 \, p0 {
left:0;. C* P# p; m6 |, D7 H
top:0;
+ U0 l t5 @( avisibility:hide;
9 h" f" S! m' f9 E6 vvisibility:hidden;
) R- Y5 _% E p# C}
4 H+ T# {. D6 Q. k) Y</style>
; u" h* q( ^+ y* \<script language="JavaScript1.2">
7 O, H# j% B/ u9 D0 d<!-- 改变下的字体的大小。颜色-->
) O# ?/ w P: ^/ ]! G; P$ x+ Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( p8 u' F( C+ c
var hidetimer='';
) K% u) R' Q7 q/ n, S<!-- 改变下的弹跳速度-->3 x( P0 ~( N7 w6 L) r6 W( U/ K
var BallSpeed = 20;
/ n' j0 j4 F8 f. V/ O& R D1 Cvar contentWidth;
/ W) g+ |1 V0 D: U8 |( S9 jvar contentHeight;. h4 D" R2 k& A T: g& a
var maxBallSpeed = 50;/ _3 p1 |# \) w+ a
8 a* P* d5 R* S& \5 m0 d
( r' K: h, ?( U. \' p }$ yvar xMax;6 f M2 L( \# H! q! f" A1 M' y7 c
var yMax;& {) J y2 n2 ?
var xPos = 0;
8 E# e: q. |! O, Yvar yPos = 0;) M, j6 V" R0 f) q$ I
var xDir = 'right';
% m p$ w6 N' v- J1 Zvar yDir = 'down';
\7 L; u8 x* b- }var superballRunning = true;7 x0 b9 |! \9 g. y' K V
var tempBallSpeed;1 B+ l: S1 |' x; c
var currentBallSrc;
( W0 q0 z' N2 C1 v- qvar newXDir;
$ Z, u: U8 U$ `/ uvar newYDir;6 g8 h* @, h6 M3 @" n0 J( n
9 p9 F$ J* M; B6 H u3 Q
function initializeBall() {; @3 ~3 d) ]) ]" y( R1 d& `
if (document.all) {
* w5 j m/ q5 L! W xMax = document.body.clientWidth# X- c* _4 L2 _
yMax = document.body.clientHeight
% \' }3 U- J0 E- ^6 s8 v3 ? document.all("supertext").style.visibility = "visible";* v& f' W0 m, b) v9 v- N
contentWidth=supertext.offsetWidth, v; J8 y; _6 R; m# n3 y
contentHeight=supertext.offsetHeight) f2 r* ~ Y' b/ I/ ~
}0 \4 M' d2 J! N$ Z ~8 \/ ?3 G
else if (document.layers) {( E: S3 _8 I5 E" i% p- D7 s0 e2 C
xMax = window.innerWidth;
+ m2 ?3 k$ I1 j, S; C' a yMax = window.innerHeight;
' O# g! _* {. f& Q contentWidth=document.supertext.document.width
! p# q# T8 b" P. L) ^2 C contentHeight=document.supertext.document.height
1 \9 i* W: R. s# m$ E4 e f' L$ j document.layers["supertext"].visibility = "show";
5 g) a! `3 e: X# V7 [- O7 Y2 S6 F# M }& G' B) Q. q9 @
setTimeout('moveBall()',400);( E9 Z/ U ^9 s6 K3 R8 v
if (hidetimer!='')
! G" |( i+ W& E% R setTimeout("hidetext()",hidetimer)3 D- O3 g+ ^/ o9 H1 D) I
}
% ? b6 M/ G B2 ~- S
0 o% D F, V( J* v* rfunction moveBall() {/ U$ D6 |1 V8 o* u" _3 X% r- ^$ {
if (superballRunning == true) { N; G% ~6 W6 e; Y
calculatePosition();- H2 i/ T5 c( y7 ?
if (document.all) {
- T7 Q5 l" K+ I# j: X document.all("supertext").style.left = xPos + document.body.scrollLeft;, J- V6 V0 ^. k/ o* B( o2 e" j/ z
document.all("supertext").style.top = yPos + document.body.scrollTop;
. M. `( W1 {3 k( ~* Z( U4 O }
; n6 }: e+ `! V& a7 O+ k else if (document.layers) {
6 l4 A. Z5 {7 a9 o' Q) k+ p document.layers["supertext"].left = xPos + pageXOffset;* a) B# \" k: u3 s5 l# M# \
document.layers["supertext"].top = yPos + pageYOffset;
+ j. {/ K1 _. E" v& k }& {4 Y" K# r% ]% h9 U5 `1 J
animatetext=setTimeout('moveBall()',20);$ }1 S# H. u4 @9 R3 h- P
}; ]: Q5 l- h9 L8 h1 S
}7 Q( v+ H2 g& ~% B
% X/ O' d! @* n1 s) I
function calculatePosition() {
) k' D' @* Y$ m0 N if (xDir == "right") {0 J& c2 ?; k" A- V% i' e* s
if (xPos > (xMax - contentWidth - BallSpeed)) {1 c0 ~' h$ V5 h# v' Y9 P8 V
xDir = "left";, |% I! [0 J) _& y8 \
}
6 T$ w$ z- C: T$ `9 |2 J }3 n7 s5 F0 i; ~6 W& ]7 M
else if (xDir == "left") {' l1 p9 v# u' V2 A6 I5 b1 j$ p
if (xPos < (0 + BallSpeed)) {
* w' g# }' O4 _/ R n+ q xDir = "right";7 z* X( v) @( K% U( x3 r/ k/ v
}
; q( a) B: s/ V+ t4 J ? }
8 d8 B: C5 I6 _ if (yDir == "down") {
: _+ o' ?# ^! B if (yPos > (yMax - contentHeight - BallSpeed)) {5 y# w8 G' r8 O' S9 X4 v
yDir = "up";9 r* Y3 ?2 N [" d" \
}% D$ g! `* M& x! y% |- G: q
}6 x: o! Y9 h9 B2 t: P5 \3 z
else if (yDir == "up") {2 C( v7 W9 Z" h8 l; m3 }. p( B
if (yPos < (0 + BallSpeed)) {
* A& E4 W* q$ U yDir = "down";
) Y) o* e( g% ~, n( @ }
4 G2 [5 E4 F6 n& j }# g) x- r8 X5 d% {* Z
if (xDir == "right") {: E/ u) M) l e8 a* W% y0 ^
xPos = xPos + BallSpeed;: Q! N: @2 C" t* m. d: J
}" ?4 U% W" G2 c! S+ c
else if (xDir == "left") {
: \! t U1 f. e- v% ^ xPos = xPos - BallSpeed;) F3 y/ W/ b& K+ y$ p: E
}
/ B: [* z5 @) \& j. L( H else {! f" d+ V% j) {9 n% J, T
xPos = xPos;$ ^0 N8 o$ ~" m
}
0 U$ @& e p) h, x2 ~( c if (yDir == "down") {. G" ^1 s# h' O* q6 {6 v8 z! O4 w
yPos = yPos + BallSpeed;/ }- K4 u P+ x3 }. Q
}& Z d+ ^# m5 x) n+ c
else if (yDir == "up") {' t- [8 t! M$ t8 r" q4 c* a
yPos = yPos - BallSpeed;
6 l5 F* T( [* t n/ U9 ^0 [ }, @1 O* H- m$ c* f0 {
else {& C& o9 g# s& w5 k K
yPos = yPos;0 k( g! D! {$ U" X1 Z9 L, c3 T
}$ _! i' M/ y+ }) w! J$ _9 \. @
}
4 A0 [& f+ I% X, U: `
2 t' \" b: b# C+ V5 Z |/ E& k( C2 Ffunction hidetext(){
+ `8 E$ E3 b! L& f, cif (document.all)8 e& C* C( ]2 R: D( g
supertext.style.visibility="hidden"0 k0 l9 E2 M+ ^. j) v
else if (document.layers)' l. u" F3 F5 y
document.supertext.visibility="hide"
3 D+ ^) R+ n' Y6 p$ [3 \: Q5 rclearTimeout(animatetext)
: k% j: I6 i& G+ E. U% @}2 g- i1 L5 h3 \2 A& E
* p! N4 Y# N: ~
if (document.all||document.layers){6 y Z' f. g2 t# g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 F! z( R' W/ z5 i
window.onload = initializeBall;/ v. b6 ^( f( }8 G' d0 |
window.onresize = new Function("window.location.reload()"); w6 G; z/ F9 E% W' Y i7 I
}0 {, h. @& O' [, p( L* ~
* `9 f3 }7 m* G) j
</script> |
|
发表于 2008-1-21 20:55
|