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

|
网页之不断弹射的文字-特效
<style type="text/css">
; Q9 U+ f9 b7 f/ F Q5 x1 n- [#supertext {
1 B/ J- I* J2 k8 vposition:absolute;
2 D1 q" ]6 R* B4 ?left:0;9 U% f4 a+ Y0 W% {& L: L
top:0;) [! m# u. Z9 f/ f" ?
visibility:hide;
+ h$ m$ J$ ^+ L. e ivisibility:hidden;1 {% h. W* _; w' _# J
}
; y, o# H3 j* p* @! x</style>
% k7 Y5 v* r% h+ w9 L<script language="JavaScript1.2">" t' P8 ^) P+ u4 ]7 Z7 h/ V
<!-- 改变下的字体的大小。颜色-->5 U* w/ a! ~+ T) R8 b" X% C8 U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* Y* S0 D/ k( U1 ^3 ~var hidetimer='';
" j1 ]; W* L" X0 }4 _, r# Q* }<!-- 改变下的弹跳速度-->
/ i9 M# T, L( e. ^( Y! zvar BallSpeed = 20;
& F0 M) y4 X3 ?* O0 o( `: ~# @! Lvar contentWidth;$ x% e! z+ @0 j
var contentHeight;
4 C M% u' ?' r4 U( t6 y( ]; P- Ivar maxBallSpeed = 50;$ L7 P: ^3 v/ r2 J
" P8 V% J Z; j$ ?) `, M
) R) e. s- C f8 P$ Q9 |8 Nvar xMax;, f2 P# q+ V Y
var yMax;7 {: @3 t. K8 ]! ~
var xPos = 0;; _6 u4 b2 H8 J# z l
var yPos = 0;7 c0 S0 W# f6 ^5 [, ~; X
var xDir = 'right'; S: K/ F& m- W4 i$ [8 z
var yDir = 'down';
% h- |7 p: r. N8 I) M; L$ p: n! w kvar superballRunning = true;& |4 p& q: C' y1 M7 m' _
var tempBallSpeed;
0 w/ X& q4 g6 H4 K. Yvar currentBallSrc;. a8 f+ w6 [5 ^/ i; O
var newXDir;
: R1 g5 F" [, |9 q, Pvar newYDir;; g2 K- w1 P$ w/ u+ ~, Q' S Q3 D
5 R+ B4 |7 x& g/ q/ Y7 i: D7 qfunction initializeBall() {# G% c: }8 v" U& }: R* o. O
if (document.all) {
3 T% q5 X' K$ \, M5 f xMax = document.body.clientWidth5 ~$ e/ i/ z7 Y/ } j" H/ y
yMax = document.body.clientHeight
7 a( h2 I8 ]2 \& y4 ]% A: J document.all("supertext").style.visibility = "visible";
: h2 x; }6 H B2 O8 { contentWidth=supertext.offsetWidth0 T: O- Q# f( W( E) d1 a3 [
contentHeight=supertext.offsetHeight6 [) l' X( L4 O7 i; N: c7 M5 u' T
} Z6 a- ^6 u8 D# s) j2 X, n
else if (document.layers) {
" Y$ L" Q+ W9 Y5 g; d) E& d6 q xMax = window.innerWidth;: W( W0 J& P; y- m
yMax = window.innerHeight;
( _' x3 i6 x( ? contentWidth=document.supertext.document.width8 n8 k% [+ S/ v5 C; t
contentHeight=document.supertext.document.height
8 J5 z2 [) t( q% f) i# t, ] document.layers["supertext"].visibility = "show";
) h! z U! ^6 O3 K0 e [4 w5 a }7 N' J1 [* ^5 I. W0 H" N9 a
setTimeout('moveBall()',400);$ \; \5 b g. P
if (hidetimer!='')2 {1 [6 \% N' ~7 K# V: x" `
setTimeout("hidetext()",hidetimer)6 J- l$ i) s |/ L0 M" M2 p
}
0 ^- X- \( U6 L$ Y* b% c0 }8 |
# m; q3 f: K6 Nfunction moveBall() {
' a$ O! {/ |' O3 d; X1 g' { if (superballRunning == true) {
9 h! |, h" N- m0 X, o) t+ n calculatePosition();. X# n' E. w+ C1 M% L1 w& ^
if (document.all) {4 z: }. c- f0 `4 A2 R
document.all("supertext").style.left = xPos + document.body.scrollLeft;, v7 Q. }4 g; w) {' L0 Q
document.all("supertext").style.top = yPos + document.body.scrollTop;
2 C* j7 k% ~. w% m9 b2 C& o }( M4 ~1 A) D- M# B3 ~5 `* @: |1 z
else if (document.layers) {
) w" u( l* T3 D document.layers["supertext"].left = xPos + pageXOffset;# x/ J! g7 S! H, D
document.layers["supertext"].top = yPos + pageYOffset;
& N0 I+ ^+ }7 K) x) ~9 y* @ }, T- B9 Z) _# x9 M- \# t
animatetext=setTimeout('moveBall()',20);
/ J4 M) V2 w- W- H' X }& s* b8 j6 M1 x3 p7 I$ E2 a
}
4 X1 E0 S; C, B: n5 n: Q8 c
: s; j2 C* ?+ c( [function calculatePosition() {
9 P0 W( T" w/ c. ` if (xDir == "right") {1 u* p4 H( O: \7 u( O4 L4 l; s
if (xPos > (xMax - contentWidth - BallSpeed)) {4 i& d! l. t& k* {
xDir = "left";' _5 V$ ]: C% D+ ~
}
1 s# T8 A, T# V2 @4 z }3 `! M; _# X0 c5 z) ]
else if (xDir == "left") {! G- Y3 G) B L: I
if (xPos < (0 + BallSpeed)) {
! {, j, D/ \' H0 m- w xDir = "right";; D3 C* q% {; K2 S. `
}6 b% H4 p+ }8 H0 J- L4 {. f
}
% o# n+ u V1 S6 E) F: p if (yDir == "down") {: j4 D- ]$ v) @* O
if (yPos > (yMax - contentHeight - BallSpeed)) {6 Z0 e% y" K0 ^6 t9 }+ R
yDir = "up";
$ O! a0 V& w& a) j' \( O }& z, k; y' v$ u1 d8 Z: K
}
1 d S/ N2 j0 M5 B" E else if (yDir == "up") {
; E! H( z1 K; ` if (yPos < (0 + BallSpeed)) {
+ {% g% L& g" F* U9 v yDir = "down";! k4 l4 B) O/ v, `& H# w
}" j3 R6 d3 N' N. E6 z4 g
}
4 {6 {4 W2 O4 V( ` if (xDir == "right") {
" f# S3 g+ R& v, W+ m; B% q xPos = xPos + BallSpeed;
7 P9 U1 x, B! u) C; } }
& N# |+ @0 b( B! x% y else if (xDir == "left") {
, }, d( `; N& g& u! N4 H) W, N xPos = xPos - BallSpeed;+ r6 u- A; o* a, I+ t7 \
}
% n* u# z l8 ]1 Q9 T9 j) B! R else {
8 t; @/ v4 ? R0 h- ^+ w xPos = xPos;
- ]0 l0 W2 I) F5 c. [ }" {# c2 C' B2 H) W4 G
if (yDir == "down") {
& `& _, T3 [) ] {/ | yPos = yPos + BallSpeed;
9 T; Z- H- T+ r% i+ V) {, p }+ @6 z5 d/ f- C) w, |9 O
else if (yDir == "up") {
% d* U- m" o9 }/ J) C/ e6 @7 r% ^ yPos = yPos - BallSpeed;
8 {# f, x1 v) T! Z) E% o- E }! K4 H9 ^+ h( F" K2 J5 O
else {5 K+ p! f. `# s" J: W4 [
yPos = yPos;# D; G- L8 G5 {
}
# f9 D* Y+ L$ f% B+ t* ~ }% p9 [% P( f q* M
6 w; E; l% N$ L2 g' u) H, H9 Pfunction hidetext(){3 E% L! d6 \5 v. z' F( Q- J: R6 Z
if (document.all)7 K$ A' j0 w- }5 N2 r: k! ^
supertext.style.visibility="hidden"
L4 c- v* H7 k6 w5 Celse if (document.layers)
% W, T$ \) p. d5 P, F2 Ldocument.supertext.visibility="hide"
{' j% M% J' m$ o) GclearTimeout(animatetext)7 J1 J, d+ W$ W( w
}1 C' ]! t# _8 h, X" p ]% K
* O7 U$ h4 E. Z# n* _4 pif (document.all||document.layers){
5 | l7 R+ c: `" f7 H* q8 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ^; t& `& A, R' r: g# }$ C
window.onload = initializeBall;7 m; u( U2 d+ q6 n4 [+ M' T$ L
window.onresize = new Function("window.location.reload()");' ]6 T: |, S" E7 y" k
}/ j/ [* e' H( q1 x$ ]# k$ I0 s
" }) ?; r; M& J- \" b
</script> |
|