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

|
网页之不断弹射的文字-特效
<style type="text/css">$ p k4 @ u! w* U( F# X! v8 Q. e
#supertext {
5 z: U `4 H/ d6 f- Qposition:absolute;
1 T' |+ q U, Hleft:0;
* s7 g' C6 K8 }7 r9 n' Otop:0;" z6 g! v( x& J* Q4 ^* |
visibility:hide;
1 p6 W. e3 M* S; jvisibility:hidden;
' s" M2 j' n7 p1 t4 @}" x4 _; A' `8 `, h5 b: @ ^0 C
</style>4 e1 D% A. v* m+ Y+ @
<script language="JavaScript1.2">% g) _+ o' \2 E5 p6 C
<!-- 改变下的字体的大小。颜色-->3 m- p, [4 o6 L9 X @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& |, F* u9 Z3 R% w- }
var hidetimer='';
5 b! A' J0 ^0 s$ x7 C<!-- 改变下的弹跳速度-->0 w; ^/ H' }" U8 z/ ]) N
var BallSpeed = 20;& u0 w# \# B8 |8 `
var contentWidth;
8 |) H* ^( W# p# evar contentHeight;6 n y |- v% e1 g4 L' ^/ E
var maxBallSpeed = 50; z2 R" F/ y; Y" @
5 v. f9 ~% B6 x; G
& B4 f5 Y7 Q, m) ?' e) T/ t$ j: Y
var xMax;' }4 j5 O6 a" i0 ]( _
var yMax;
2 o" K, x" P8 Rvar xPos = 0;4 W; f9 c& S2 X4 \ @" Z) g
var yPos = 0;$ G1 w7 O9 `6 O y5 z3 i$ b- Y- `
var xDir = 'right';
+ H: C1 g; \- k1 M& o& _9 Zvar yDir = 'down';
- v/ j, {' \( O' T8 Nvar superballRunning = true;
, q/ P! p/ q) E# v4 E1 i- W1 Lvar tempBallSpeed;
: k$ \5 B3 j4 Pvar currentBallSrc;9 B* D$ m! z4 x
var newXDir;( f, T) Q! u& B! {& e0 _
var newYDir;
+ b, S% d- A; ^8 M( ], \ @; [: R, m, C5 s4 _6 A9 A/ t
function initializeBall() {4 ~4 t; {6 `) g& i0 T% w
if (document.all) {
7 | C0 @0 R, d" R xMax = document.body.clientWidth' k) H, t) B$ ^3 B6 u( F! j
yMax = document.body.clientHeight) ~. g7 N2 D! E' f6 n% u
document.all("supertext").style.visibility = "visible";! [3 U$ f- O; j! D; A
contentWidth=supertext.offsetWidth
5 O R, y0 B- `7 h4 g contentHeight=supertext.offsetHeight2 V# `5 p. |* W( n$ Y& J
}
, T: p. f5 Y& q# \& v else if (document.layers) {
7 |" B( b6 J" i4 i9 D! K* `* }$ L3 W xMax = window.innerWidth; j' b+ v. c% r* j
yMax = window.innerHeight;1 ~/ |9 G% e9 B$ j
contentWidth=document.supertext.document.width& F9 e0 H+ b+ W: c
contentHeight=document.supertext.document.height
. `, T6 x E8 B/ L document.layers["supertext"].visibility = "show";
! M. {, _5 N/ o- k3 Z, r! l4 k }
3 g+ k- W9 Y( s b% c3 |' X setTimeout('moveBall()',400);
# e1 K- [: |& Q4 |" m) C if (hidetimer!=''); I) f5 y4 A; ?" Y
setTimeout("hidetext()",hidetimer)
6 D8 `+ J- B7 f+ k, i& e }, E" ?4 n2 S. j
% B( m, N" R3 v8 X, L0 n3 kfunction moveBall() {
# `5 V9 z2 ]' g; p4 i& M8 C if (superballRunning == true) {$ Y+ d0 J7 c" @. d; O. K9 r
calculatePosition();
7 B; ^# v" r# a/ |2 } B if (document.all) {
/ d @3 \$ G* H* h document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 L1 S" ~3 d3 [) M2 w3 Y document.all("supertext").style.top = yPos + document.body.scrollTop;" g" o) _( F" o: O6 a6 ?3 @: D% u
}' p; \0 M3 F" z# k" X8 _0 I t
else if (document.layers) {
: i3 h( p* l/ f5 u! n6 g* ^; L) M document.layers["supertext"].left = xPos + pageXOffset;: S4 A, A3 O# N" u
document.layers["supertext"].top = yPos + pageYOffset;
* j j1 N; A2 Q6 \- ~; ~# T }& ]! s* J8 f1 K5 q: b
animatetext=setTimeout('moveBall()',20);( l* c; D/ h% l+ K( |5 ] a2 C9 r
}
7 B; J# g; o- \4 x% ^, m }
+ M9 M# G; j6 j1 V# H2 h+ j& |* W- O0 t9 K* y- X4 E
function calculatePosition() {2 i( P, x8 [4 O1 G/ J
if (xDir == "right") {$ @6 l0 v# ^& ^+ j: P- r
if (xPos > (xMax - contentWidth - BallSpeed)) {& y0 D" \9 D3 j4 `2 s4 h! o# c' E2 i$ v
xDir = "left";
/ D- G/ k' @1 S8 O5 D8 n; g: g% J$ \ }+ b2 f4 `* `+ t# L8 b( }; E/ M; n
}* u3 i0 Q: O4 M5 }, q
else if (xDir == "left") {
, o$ a3 V& ?3 ^5 b" O/ j if (xPos < (0 + BallSpeed)) {
5 _ K% }4 E# C% t+ D8 c xDir = "right";
- C( N# ?; k1 N1 V! j# O" a: ^' @ }
( @: q9 O) }5 C# Y$ V( o1 M }$ g+ n ~- q& j8 |" D3 m% h3 c" X: v
if (yDir == "down") {
+ P' M7 S; E2 n, N) K0 b t if (yPos > (yMax - contentHeight - BallSpeed)) {. ]# q6 r% Y* E# K' w D
yDir = "up";
* A3 t3 I3 F4 T: l1 C6 k- t- P }: @* O9 ^+ c: b' R* z; ?/ S
}. j$ C/ {; o5 y: j. G
else if (yDir == "up") {
& \. l, Y& M2 H4 B r0 K/ E/ H) b if (yPos < (0 + BallSpeed)) {# A' E; \% j+ D' o7 `
yDir = "down";
8 C% o _/ l& A0 X; S }
9 a. y g# }& i; Q+ C/ o+ S6 ` }
, Y( [' U( X8 i# m( e" q if (xDir == "right") {
+ o. c7 z/ D# o xPos = xPos + BallSpeed;
! h y- a1 e) e& ]+ B }
- u2 ?* N) k z0 p- _0 J else if (xDir == "left") {
% p' s. z; \6 s$ {4 D6 n* q S xPos = xPos - BallSpeed;
! v+ I0 Q: F: W$ J2 u& s }
! q8 o; z7 a8 {) N else {( a4 i$ A9 W/ b. Z
xPos = xPos;
6 w6 w8 E% r) Y- y, N }2 B4 Q* J! c$ {9 m: v6 _( l
if (yDir == "down") {
. h# W/ L8 w: ?- x% t( S yPos = yPos + BallSpeed;) E2 B- f! H6 n; t1 C \
}
; ?. f7 O7 ~" d& l/ y O% l* h else if (yDir == "up") {
& k& Y) \& x' u1 B2 n5 v yPos = yPos - BallSpeed;% T/ e/ ~0 z; N0 I/ _
}& _- N* X2 @( Z/ o# y2 p
else {0 Q: z2 Y) r. e, s6 C
yPos = yPos;
! z# ^! a1 A) c8 Z9 B }! p1 z9 h; D4 l- }
}
. A# O! Q8 B( }6 D T, l) M$ U7 T# W9 t- g
function hidetext(){" D) B* y( u% D1 ?) O) y' ~" P. C
if (document.all)
/ E) r- f& w7 ]8 R* rsupertext.style.visibility="hidden"
6 o7 |+ W6 ]" N. u! d# V! Jelse if (document.layers)' i$ E& k4 @4 F1 [, c+ D. x
document.supertext.visibility="hide"
) q9 ~1 u4 Y$ g+ H- p' VclearTimeout(animatetext)
( n' T6 f% a+ v" Z}
. a; S/ ], U1 c d2 Q: ~
' [2 }# F0 j9 [9 g5 p/ m+ @) @if (document.all||document.layers){3 N; p& g8 N4 q ~, Q+ |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 w( a! N( N6 lwindow.onload = initializeBall;' C# J1 g" U5 b6 ` M
window.onresize = new Function("window.location.reload()");
b& z5 F5 Y3 K- ^8 U& r}/ ^# U8 \; `# n' {9 E
1 i2 l9 D! V6 |" D" s$ Q</script> |
|