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

|
网页之不断弹射的文字-特效
<style type="text/css">+ u& {/ b3 k7 m3 C7 |
#supertext {4 Q; z: ]9 R% Q: c# ?, p" n/ U* M
position:absolute;0 `3 d+ L$ I; f+ F
left:0;0 H8 ^5 p3 |) A7 E9 p! e6 N3 G
top:0;
f, k. `0 x4 L6 f A/ `visibility:hide;
$ o5 P' S" G, J! v q8 gvisibility:hidden;
: c4 p/ H; x& @4 c7 N}
6 \, k2 V$ Q/ z3 i2 O</style>
6 H( ?3 B$ F# w( T<script language="JavaScript1.2">
1 o5 V+ ^5 _! l" b<!-- 改变下的字体的大小。颜色-->* K- ~# @; m# x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- V( ?& l& I: M* `, \var hidetimer='';; I0 x$ J1 n6 Y! T- n( r6 N% o5 z
<!-- 改变下的弹跳速度-->
( D0 W; a0 b7 J- Jvar BallSpeed = 20;8 V5 o6 h0 s9 z: ~3 s
var contentWidth;
. ]( u l" c/ R. mvar contentHeight;
1 s/ a) j. g1 J% fvar maxBallSpeed = 50;
' L; K* t* O" z2 B
$ ?. y5 ^8 I+ I3 j4 j( t" a! \1 g% U+ U, F$ ?1 ?
var xMax; D2 I& Q% b9 z- ^0 \, R% U7 B" T% ^
var yMax;* C o# u0 ?) Z3 Y0 @
var xPos = 0;
7 {/ N# ^8 ~5 K$ {8 Jvar yPos = 0;
+ l! P) E7 m4 Q& x# z( L svar xDir = 'right';- X9 F9 p2 c: x6 @# t
var yDir = 'down';
7 s* X/ m. k/ K# `" Mvar superballRunning = true;
1 W9 f! [, c/ Z( K* xvar tempBallSpeed;
+ M- h; ]% l# } S% Uvar currentBallSrc;& N2 ~+ Y. r% O2 @( X
var newXDir;" j/ ~( Q& F% j, X% B" N% K
var newYDir;
5 T3 U" o, j: t% L0 Z Y# f; v4 P( p& x$ G# f
function initializeBall() {3 D' @7 T$ H g: y( `4 \
if (document.all) {
0 I5 ?, i ^) Q, a7 Y# G xMax = document.body.clientWidth
" A* o# v3 M1 D yMax = document.body.clientHeight8 L, @' t; L- ?. {
document.all("supertext").style.visibility = "visible";+ y8 G- N& k% @, o
contentWidth=supertext.offsetWidth
0 n5 K6 Y! v' @3 [ r3 ~ contentHeight=supertext.offsetHeight
7 `' t4 d3 V4 \. @/ u }! s) H* I$ T2 J
else if (document.layers) {% V( P U; h2 W. ]! {9 j; G
xMax = window.innerWidth;
1 m% z2 @; X N; M yMax = window.innerHeight;
. R$ A- c" P$ f! |! I6 m5 p contentWidth=document.supertext.document.width
( h0 C/ z/ O- M6 I+ F9 V* ~$ m contentHeight=document.supertext.document.height' @; p: `1 j' ^8 \
document.layers["supertext"].visibility = "show";
2 U: P/ c* D9 h }
& b/ g% Z6 c, ? Q, G- t setTimeout('moveBall()',400);
& B8 j( V5 d/ b) ?% N1 v if (hidetimer!='')
7 [$ \; d' @, \- s* `/ J M& i setTimeout("hidetext()",hidetimer)8 ~* f$ X, K! F6 p! `4 m! T; t
}
7 s3 Y& n& v* O8 L- h* a/ D& p0 g. @6 A# t: d+ ^; \1 P0 y
function moveBall() {1 O. h3 Z. |/ c9 W/ e
if (superballRunning == true) {1 | w) R( K9 Y
calculatePosition();
! M9 I# n/ g. R; |5 I if (document.all) {
9 b/ m& k- j+ E2 T6 G document.all("supertext").style.left = xPos + document.body.scrollLeft;
: i' ?0 a! o2 X) G7 _( z9 J& X document.all("supertext").style.top = yPos + document.body.scrollTop;# H+ F# ?) u( Q, Y- K
}0 i- g( k; m; I9 R6 O
else if (document.layers) {
5 q' G4 Z$ N# d8 U document.layers["supertext"].left = xPos + pageXOffset;1 p& k' u) C$ p6 B
document.layers["supertext"].top = yPos + pageYOffset;) G# O* T" E. W5 ?) U L: v; ]8 R" O
}
2 d* B( w. l: ?- y8 Y animatetext=setTimeout('moveBall()',20);
- J9 b) k' ^+ ~1 |6 Q( a# s } [# z# ?! a2 J8 g
}& o8 m7 A& b, \( n6 e6 Y# T
" O* @+ ?! j8 `
function calculatePosition() {1 J5 j5 I! I- T4 `% n0 ~
if (xDir == "right") {# }3 {0 q- D: @
if (xPos > (xMax - contentWidth - BallSpeed)) {
1 H* i" B' S: z xDir = "left";4 |1 y- \( d! M+ k# k
}. \. a2 g/ B& V( X
}
" J( i, Z0 H6 z7 t: k1 j0 l else if (xDir == "left") {
1 C$ C, e, R, ` x# i if (xPos < (0 + BallSpeed)) {# S9 m7 ~& [6 H1 T( f, Z
xDir = "right";
# h* W0 X, m8 _- C }
- }) @. o$ i) i. [* R2 M }' R- h8 J8 Z, j" w
if (yDir == "down") {
/ s# h* @& f5 Y! A if (yPos > (yMax - contentHeight - BallSpeed)) {
* h' w, s+ `" J* l: B. D! U3 N yDir = "up";
a# N4 L; S0 X }" k7 R. d; G& P+ }
}, t; L; o% r6 S' F) {& n
else if (yDir == "up") {
( y& |: V: b' S1 V) N if (yPos < (0 + BallSpeed)) {
0 T& V& e, u9 W1 B7 D yDir = "down";/ s# ^, w- V# U/ \! g3 T! G
}$ S9 ]3 X1 f; ?. i
}5 |2 p! Z6 m8 D1 |2 W C. x+ N
if (xDir == "right") {
5 K/ ^& h; q8 q [# Q- w xPos = xPos + BallSpeed;
7 Y: Q* K& i$ f }7 c+ z5 J; j+ F" q5 ^( W
else if (xDir == "left") {
) N6 \+ B( ~" C8 h9 t* b; W xPos = xPos - BallSpeed;
0 O: i3 V" b' _- j }9 E) U" W7 ]) ]: v
else {, ]5 o+ A) f( U- V8 F3 }
xPos = xPos;: J- ^3 e2 O; @+ ]7 G
}, V$ ?1 w6 ~4 }1 F" {, Q" u& `0 h
if (yDir == "down") {% b: M3 a. O+ f
yPos = yPos + BallSpeed;
$ U3 l( [1 `' k8 p9 D }& e$ K6 X# X& _" G. e7 F5 `0 f
else if (yDir == "up") {
1 ]( T6 b9 U5 b yPos = yPos - BallSpeed;! x6 K `. Y" {/ b
}. C9 u3 v* j/ D3 a
else {; D8 k) M% t" \$ z
yPos = yPos;; o" \2 }. o! _6 l$ c
}! s5 c9 r1 y3 J! B& s
}: ]2 `9 P6 x" G* `, e
' H- M0 W4 j% @8 A/ y
function hidetext(){- t# }3 K% R, s: P0 S2 y: b
if (document.all)
/ Y; m$ T9 @* g3 J6 C2 j$ K; T8 T* Csupertext.style.visibility="hidden") c9 B5 M" G/ v' _8 x
else if (document.layers)" p6 T G3 {% f0 o4 @
document.supertext.visibility="hide"( v% o F0 s5 L1 w
clearTimeout(animatetext)
. K8 X# m" h& J2 n}# Y, K3 u! m2 U" T
: R2 R+ z' M1 J5 v
if (document.all||document.layers){
8 X" T( R. p3 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): o$ b6 [7 I7 S9 |, E/ L/ N
window.onload = initializeBall;
. w2 z% d/ `* [0 Swindow.onresize = new Function("window.location.reload()");
! A# w& c0 V/ ?: d1 m0 |) \( g) p}
# _+ [. e; h1 }! i9 d" r& @. }& p4 p/ O5 L A
</script> |
|