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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 h6 [) f9 {* p9 Z5 t4 z; `#supertext {
0 X2 y% M* ~+ _ p8 g- Gposition:absolute;
- R! w; n1 I0 |3 r/ ^% ?$ e# q0 oleft:0;
; z% ?% e5 Z# G. f2 ?) s& ?1 ktop:0;
. ]; d8 w2 f4 j! Y7 G- p8 Rvisibility:hide;
% [- K6 k" o5 g, M& B% w+ F4 S$ Svisibility:hidden;. e; u! i1 S- O, i5 U
}. `% w, Z* O/ C
</style>
m8 @( }5 r- \<script language="JavaScript1.2">. b" L" @% f4 j$ S$ w
<!-- 改变下的字体的大小。颜色-->
2 B2 n! n/ r/ y: ?& z/ }9 D* ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 ?# l9 ~# S" H
var hidetimer='';& ]7 h; [5 N1 M$ Q! O
<!-- 改变下的弹跳速度-->
: M, C1 X+ W# E. E4 r7 Cvar BallSpeed = 20;
8 u1 m b2 R) ^4 @) e) kvar contentWidth;
" G- H* n1 {* P/ Zvar contentHeight;7 n; R' j# C! l0 H' W' z7 ]) b
var maxBallSpeed = 50;; q) f; S3 k' v; T$ x, t
7 I9 y8 ?9 l5 w9 t4 _
6 D; x1 E! ]* u" r. Vvar xMax;/ U' y) }: C3 H- r: ]) g
var yMax;
5 Y. ]: m0 a; [" Ivar xPos = 0;
( p: d& T% R9 f/ ^' O+ o8 |: \var yPos = 0;! F% h2 [- y2 ?* f( C3 j! ?
var xDir = 'right';
! L/ T$ w/ C( ~* Z" \4 o e( Rvar yDir = 'down';) L, o9 F! F; `7 J& ]" X! u
var superballRunning = true;
% u- R9 C& ?/ G4 K! Mvar tempBallSpeed;* ^, S. j' f; h) Z7 w
var currentBallSrc;. F4 h5 X# S0 i D' |+ i$ `
var newXDir;9 w/ g7 u, h. @- `& ~: `) p
var newYDir;. \/ x3 B; S" S+ J' _
. B2 f m x6 C
function initializeBall() {; c j: }/ m j( D9 ?. k
if (document.all) {. y0 Q3 L v3 ^! \5 y1 u
xMax = document.body.clientWidth
3 z5 O/ C1 b) K. }6 M0 ?8 o yMax = document.body.clientHeight
) N+ y+ b% ^$ J% K% F document.all("supertext").style.visibility = "visible";& `9 p) t2 h6 G& F. i! h
contentWidth=supertext.offsetWidth) e% l+ G( U$ n& m" a$ j
contentHeight=supertext.offsetHeight( J( o9 a: w; t
}
5 q3 g* b9 z/ V& H$ H& j$ @ else if (document.layers) {
# {2 t+ e' |+ s8 g xMax = window.innerWidth;
9 z1 M( G( i0 E yMax = window.innerHeight;
; o% a$ @5 }' X4 P contentWidth=document.supertext.document.width
8 c& K: R+ k2 a, M- [2 ^2 C contentHeight=document.supertext.document.height$ m- m$ O# r% L2 C1 b" ^
document.layers["supertext"].visibility = "show";6 K6 P# ?( G1 j: M) L+ @- [
}) I. `, d# [& H7 ^
setTimeout('moveBall()',400);
& f: I" X: s1 m; z5 x0 q if (hidetimer!='')
+ |1 N9 q6 A0 T5 a& t' R! \ setTimeout("hidetext()",hidetimer)7 b6 p. \ I5 }! W2 S s
}
* E1 w/ v2 f5 V9 d+ n2 P( D% N3 J n3 M# J' b- l/ }$ z1 U9 p
function moveBall() {
6 `8 U! i0 l5 h+ l$ y if (superballRunning == true) {/ o3 _+ b @3 b& S# y* R, R
calculatePosition();/ w9 S f* J* q! {6 I
if (document.all) {
; r6 Y9 R% c; b1 q! x3 Q4 ] w document.all("supertext").style.left = xPos + document.body.scrollLeft;
, c9 J0 A0 I* Z document.all("supertext").style.top = yPos + document.body.scrollTop;4 \+ i8 _3 p& L. S4 {: O! Y
}9 i% T- ^; J% O2 W# a
else if (document.layers) {6 ^: L8 K1 G- k# X7 L
document.layers["supertext"].left = xPos + pageXOffset;
0 v1 p. ^/ O7 Q' f# @ document.layers["supertext"].top = yPos + pageYOffset;( x2 N& }( q8 y% f0 T. d" v) a
}; o `5 h+ S& c( k- b
animatetext=setTimeout('moveBall()',20);
/ R- k% x/ L3 R: b5 x7 {0 ^, F6 [+ p }3 Y8 Z+ a1 a7 l. V# \4 b
}
7 \1 B1 f+ |, z; k# p8 F+ K3 ?* Q) k! n A8 O% E
function calculatePosition() {: r. T+ B" n+ ~6 {
if (xDir == "right") {, h6 |* ^! n: W+ ?3 ~
if (xPos > (xMax - contentWidth - BallSpeed)) {+ m: D' ]: ^0 @# @6 |
xDir = "left";
4 C4 ~2 Y3 T0 [( N }& r7 N" }. ?; t& i, s2 u; @
}& Z' c4 m: X; E; Q/ ^& }- v
else if (xDir == "left") {4 X4 e/ q. f+ D& C" V; b# M: L! ~) [' \8 A
if (xPos < (0 + BallSpeed)) {
0 t/ T4 Z4 U! t1 I' K; ]% Y xDir = "right";
+ M' _+ \( w2 ^2 ~2 X2 L# b }. s8 B( G+ H$ \
}# ^6 A% c# G- ^8 f( d* b
if (yDir == "down") {
6 O. y$ q% B3 U2 z3 G+ K9 U if (yPos > (yMax - contentHeight - BallSpeed)) {. Q v$ V7 u3 z; j0 Z$ Q* _
yDir = "up";' |4 p% i8 }4 K, i# c; M( P
}' }3 g: i: x) N# {: H
}9 h3 [) o9 [, s' m5 k8 C$ C- _$ }
else if (yDir == "up") {7 k U* W& t$ r- a
if (yPos < (0 + BallSpeed)) {; c; s" n8 @/ L2 c$ B0 p
yDir = "down";
' p4 i5 \. A5 j" A( \- Q }
! P) Z6 X* y' t1 |+ t }0 s* }' e( E4 z5 L3 J
if (xDir == "right") {$ s5 P5 Q8 U6 T' v$ F
xPos = xPos + BallSpeed;
5 u; F, Y9 F0 x: f2 g1 P }
& n; r' H2 e6 X5 s( D+ G \6 ` else if (xDir == "left") {* N: W" @! W( m9 f8 A
xPos = xPos - BallSpeed;! ]( \9 m G" z
}# X1 _$ E4 U6 q U
else {! W+ T* } `$ G
xPos = xPos;
, ^8 } I4 E& G3 z }1 W: h3 F; E( c# O6 J7 l
if (yDir == "down") {6 p& G. l" T1 c3 V/ a
yPos = yPos + BallSpeed;2 f; k* T4 r: f4 {. ]
}
' y/ O4 p( G6 s; ] else if (yDir == "up") {
% w. D/ [6 d' W. [& T yPos = yPos - BallSpeed;2 h x* m# r' y7 S1 Z
}
1 w: u/ v* b* L% Y# n4 a1 w else {: M$ _# A5 f; i4 g. O0 p5 A& _
yPos = yPos;9 c# Y/ G/ _8 B k1 \* V, I
}; Q, ?. i3 {# o1 \% F
}
1 X3 o2 D# U- u: z% I
/ |8 a8 x4 z7 M. ~% \2 xfunction hidetext(){
9 S; [ t8 r( wif (document.all)
& f" [# t+ P; {: F$ v& C6 N+ `2 rsupertext.style.visibility="hidden"" `& {* @4 D d+ F
else if (document.layers)
8 i5 G: a3 ~! E, ~+ jdocument.supertext.visibility="hide"( C$ U T+ Q2 f6 f8 W* x2 H3 R& b
clearTimeout(animatetext) R% v3 A9 j$ q/ L/ }2 @- j# ]7 |
}# `$ J" g5 G: d7 C6 q8 }0 b! Y
9 E% h8 L0 o& N J% r7 C
if (document.all||document.layers){& R0 G+ I" q9 l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), L l5 E* F$ a
window.onload = initializeBall;2 d( |6 E( L# [+ E- a0 m+ B9 T" d
window.onresize = new Function("window.location.reload()");
5 |& A) p# }3 o" \7 t6 k}& V. {$ _* P# q" [
" E) S, J9 h% S- l4 g* p2 b
</script> |
|