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

|
网页之不断弹射的文字-特效
<style type="text/css">/ G3 z# a* G, T* T
#supertext { g- P8 p! j) t2 V( m, l- \+ @# O
position:absolute; z0 r/ y- w$ F; ?
left:0;0 H1 d' |0 M2 ]8 s0 q% J* Q
top:0;' P& H0 u8 x' M
visibility:hide;
; }& O# J+ o9 K _$ w6 F, mvisibility:hidden;- o% C3 m$ V" `1 @7 {3 b y
}
+ `2 L2 l9 Z2 {8 g6 a( f# }' o+ C4 I</style>. I- I# r9 ], N' H$ G3 r t" m
<script language="JavaScript1.2">8 o$ \/ J6 K8 E, y( Q
<!-- 改变下的字体的大小。颜色-->
0 m; H* _% f) Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* k& ?) A \# c1 p5 q
var hidetimer='';
4 ~9 z( P* d4 A1 E' u- y/ e7 |<!-- 改变下的弹跳速度-->4 _9 X) V9 z* ]# m5 Y
var BallSpeed = 20;# z, ~1 H5 O' u, m( y' N
var contentWidth;
$ _% F+ L: O# V3 y$ D9 D# o1 Fvar contentHeight;
2 v7 _; Y$ t" |6 J1 O+ {var maxBallSpeed = 50;: J( g) R% \: \, b6 K8 L5 [
7 u, `! [* l, d7 D9 K
% l4 w, L8 M1 P+ P$ ]
var xMax;9 [# ?1 r2 K) Z5 `
var yMax;" ^% r+ {- b* P9 T
var xPos = 0;4 \% R- }: H5 W; `* W8 q
var yPos = 0;) S9 g" r d+ Z" V1 R
var xDir = 'right';
3 Z' r6 I! x2 g- S) z0 \. Z* vvar yDir = 'down';* K/ p+ p& V6 W8 N
var superballRunning = true;8 [) e( w8 M' y' C0 p
var tempBallSpeed;! t) I; B. f3 e
var currentBallSrc;/ t& k9 u! M9 F( y& ?
var newXDir;
. S2 f% C) U6 Q" J7 V Evar newYDir;
% |: v; K8 k, [/ f
1 {. H, w j4 d9 ]! bfunction initializeBall() {# \# ?" C+ X' c
if (document.all) {
: m0 F- X' K$ p8 [4 l$ p xMax = document.body.clientWidth! I4 [! K9 ]$ |% M, N, s' O2 D# Q
yMax = document.body.clientHeight
4 l# f9 G }8 b document.all("supertext").style.visibility = "visible";6 l2 n* r5 A" |, f
contentWidth=supertext.offsetWidth) Y' d1 Z+ h/ h* h. f
contentHeight=supertext.offsetHeight
( Q7 b3 O5 \0 B6 k! U' D, i D' H }
2 C5 P0 T/ n1 Z V% `- K* a9 Q* B6 [6 ` else if (document.layers) {
9 {, l; \. W0 M8 b( } xMax = window.innerWidth;- ]4 z7 l7 y* ?; [. v3 B
yMax = window.innerHeight;
' O5 v' U: h+ \# T1 C+ D contentWidth=document.supertext.document.width3 {5 Z( M, N9 k. T. A3 P
contentHeight=document.supertext.document.height, P3 [+ t5 `7 L3 J8 }
document.layers["supertext"].visibility = "show";
# L3 h) c$ ^' e, S! U }
: S% N) `) X/ n) h( Y$ m1 L( l setTimeout('moveBall()',400);
f/ T0 C4 ^" i. m( B; U I7 ^ if (hidetimer!='')% m6 f* {% \, ^/ s: A& A: N
setTimeout("hidetext()",hidetimer)* }5 S* q, z9 Q+ q# h8 U
}) b; w+ \1 r5 H
; v% K8 y" {) \* E9 o. G9 z" u
function moveBall() {* N( g( j3 }& U* L3 q& ^
if (superballRunning == true) {; [) ~: r" @; }# A) T
calculatePosition();
0 \$ l. E% ]! Y' F8 ]/ F! C( b if (document.all) {" D) D- F& X9 b
document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 C) f7 h) J% n document.all("supertext").style.top = yPos + document.body.scrollTop;
^# V5 A* z1 {/ E1 B7 n4 b }* d0 |: ?4 p4 p5 T( y/ V8 |1 s- j
else if (document.layers) {! J4 o, }; o8 E+ o' ?
document.layers["supertext"].left = xPos + pageXOffset;
# y% |/ g. v. K3 }! R* E, X( m document.layers["supertext"].top = yPos + pageYOffset;
' s! `; z+ t. Z& v# e, B# y6 O5 Z }
0 @7 m( _; l7 L% \* H) s) s2 _ animatetext=setTimeout('moveBall()',20);" v+ t8 s# f$ G7 [3 i3 f! v
}
6 J8 ^6 z# U$ O }/ l2 g% S5 R1 Q- I' Z" x
. j1 v9 B" n7 m. }* X& Z( B1 M; zfunction calculatePosition() {- ^. @' c4 o/ r
if (xDir == "right") {+ \% [: Y$ r6 p+ M, M7 \
if (xPos > (xMax - contentWidth - BallSpeed)) {0 x6 D! F$ k: }2 m. v$ `
xDir = "left";5 B+ i) W- ]% o& w
}
; R4 P8 E5 W9 y$ y: o4 A }
% S' q, A; Y5 D0 I+ I$ C else if (xDir == "left") {
" U% k/ N) G; V- O) M if (xPos < (0 + BallSpeed)) {
; y* x) n: P' }) r4 G4 E: i xDir = "right";
5 \9 v/ D+ e6 k! k }+ |1 g; G- }& j$ Z9 z
}1 g; h2 k0 F3 ^
if (yDir == "down") {
4 p6 B5 M; @' c+ B if (yPos > (yMax - contentHeight - BallSpeed)) {$ @# h3 A9 M5 R
yDir = "up";
3 _# g/ ~. Z y+ t) { }
, g( n. d1 w+ u5 P+ E* J }1 a, f( _. z& A/ i- B. ~/ u* v& d
else if (yDir == "up") {, A; ] y7 F! h0 Q- w% y w7 z
if (yPos < (0 + BallSpeed)) {3 [/ d9 f- q* U. N3 \
yDir = "down";
* j" c+ i- _& Y" ~' l" Y }6 C7 I$ h1 C. E1 K% S
}
@, d7 {4 H% r* C# U- L if (xDir == "right") {8 C: B1 w# v& s, [
xPos = xPos + BallSpeed;
/ D9 r9 a3 e: e3 R4 P5 \ }
& c+ Y+ U4 n) \7 }0 M6 k else if (xDir == "left") {
' Y9 h; [' [% f4 c. j; k( W xPos = xPos - BallSpeed;
2 J" g* B/ u/ H% W }
: j3 w6 ~( p/ n' S8 B6 F else {
% H7 @7 h) G6 a xPos = xPos;, D/ i l9 o' s$ Z f; q: {: T
}" E* f5 O, [2 ?3 Q K
if (yDir == "down") {
- u+ O$ e! d! T% f+ J! h yPos = yPos + BallSpeed;
5 ~% e) {3 B3 n9 \ }# E. g E5 {* O5 Y) M, B
else if (yDir == "up") {7 M' L7 J. ^ ]( B$ E6 ~
yPos = yPos - BallSpeed;
! R- i) C k8 A }. I x5 ?! i: G/ c
else {2 X5 q4 H L8 ~( A
yPos = yPos;( k" S) x" L# f) o9 M
}" ~9 c/ {' R$ b
}9 x+ \2 ^4 O' {; F1 ]+ b) E
* `: V# V- S, q: z; T& a8 y Kfunction hidetext(){
; `. M3 ?" j2 _" D$ [- T0 F ~if (document.all)
. i5 [1 z! B# g4 q! [+ {supertext.style.visibility="hidden"( O; i s4 ]3 r0 g8 N
else if (document.layers)
2 v6 b5 i2 z& P# M& y6 zdocument.supertext.visibility="hide"
/ t) v, `! M: `- ~clearTimeout(animatetext)- m4 I! I. v! L# i. o
}, z9 g! p0 l5 M' b
' p% Q0 g1 I. n% f6 q1 V: M dif (document.all||document.layers){, V) k9 {2 z1 S: ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ L" g+ Q9 p) N$ ~1 g; _window.onload = initializeBall;9 d8 o8 m$ |5 J7 q: Q
window.onresize = new Function("window.location.reload()");; F- ]6 N; m8 Y0 ^
}0 G' | y* E6 M$ b, f# Z
! A S9 X; \2 [( r* ~. K7 Q6 @
</script> |
|