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

|
网页之不断弹射的文字-特效
<style type="text/css">6 ] S8 n3 w0 K
#supertext {
3 Q$ U; N+ c3 h. f5 e) X8 hposition:absolute;; b; w3 O! {7 e4 v* ]$ P! _
left:0;0 Z. E2 f% w6 i0 J% H7 i
top:0;
3 T+ I8 }* k2 k( t& rvisibility:hide;
. w* M6 p0 ?5 ?visibility:hidden;
: f' `6 D" [* x}
' s3 ?7 C( y6 T</style>
" M: q! T' l) E# z' k* i<script language="JavaScript1.2">; k( ~( H0 o6 s4 E
<!-- 改变下的字体的大小。颜色-->" D9 Y. T2 q3 a$ h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ d6 ?( B1 |4 @; n( K+ Q3 Qvar hidetimer='';
0 w! a5 k3 {: N) x, R C* Q- \<!-- 改变下的弹跳速度-->1 s/ \ M% z, Q! O' ]3 s
var BallSpeed = 20;. r( r3 \+ Q. r! `5 A0 x0 E! A
var contentWidth;& T+ Z' `2 S" n9 j, S' h/ ~" u
var contentHeight;) |" H( J6 o1 r
var maxBallSpeed = 50;
( ?" g7 w7 O. d: i% k$ w3 K7 l
: P0 N! H" D5 x
/ c8 X$ C1 l. U/ c4 w, Kvar xMax;, n7 {! c( M2 U; x
var yMax;9 b; J# q. P N( B' o: P+ @
var xPos = 0;; Y* e1 m) H1 Y0 v% M( ~# n
var yPos = 0;
* l& y2 S- x4 E8 \8 ]* Fvar xDir = 'right';; z6 p) z) i' A$ u
var yDir = 'down';
\; S4 u$ j, e3 o. [9 U+ T4 evar superballRunning = true;' I/ N% \. ]! P$ F
var tempBallSpeed;
$ \0 Y4 w# m% l! P; o/ Ovar currentBallSrc;: \1 j' s( G' d# w- Z, y, I
var newXDir;
% j B/ A9 U S/ b |( Pvar newYDir;
" ]. y1 a! ?' L! m/ r. H7 A4 u4 W' i# z
function initializeBall() {. N- i0 d A' L" A" r O( u1 A
if (document.all) {
0 p) _0 M' {9 m: i# }$ K! L xMax = document.body.clientWidth
. c% H3 n# t; ~8 M% m yMax = document.body.clientHeight5 G1 w% B' ?8 Q
document.all("supertext").style.visibility = "visible";, N7 z; u* M$ k6 c
contentWidth=supertext.offsetWidth, g6 Q) F& j7 |: o9 z
contentHeight=supertext.offsetHeight$ l6 L, g, N6 g( Y B+ \- n
}+ h2 d3 Y( j. j4 f: S5 i- {
else if (document.layers) {
+ ~% {2 ~& p7 Z: v! d+ F: S' s0 R' R8 ? xMax = window.innerWidth;1 Y' Q- C& t1 q5 J
yMax = window.innerHeight;
8 L% Z+ L+ C7 h N2 e* l, P' N contentWidth=document.supertext.document.width
9 p9 {1 e9 D8 q9 Q! s7 i5 L) m contentHeight=document.supertext.document.height. Y: w1 } w2 d' A& {2 Q+ A1 ~
document.layers["supertext"].visibility = "show";) `" z, `/ C- Q# o7 q) F% f1 a7 R
}
% s, _8 s- x9 X+ ?8 ~! J0 i9 e setTimeout('moveBall()',400);
9 D% Q5 V& n. m/ L! ]! T' {7 B if (hidetimer!='')
8 s+ E: X& S) |6 p4 M1 C6 | setTimeout("hidetext()",hidetimer)
[0 e) J/ d0 f O) T7 r5 n* T }
% Y* o! g) _/ x$ y- [% b; W2 d7 Z ~( [
function moveBall() {
F8 m9 o" b/ Q. A0 S& r& h7 g' t, K if (superballRunning == true) {
4 w3 g0 w9 R6 k& o: f calculatePosition();
! p6 W; m; T3 r, h/ ]) b if (document.all) {( w9 m$ O8 h# i7 h' k
document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ Q; A( ?+ L6 F. G2 H% U+ n+ C. [ document.all("supertext").style.top = yPos + document.body.scrollTop;) Y" l6 }: B, L
}
2 m. j4 _6 h. i( r$ ` Y else if (document.layers) {' C5 T- J! q6 C* C8 @3 u
document.layers["supertext"].left = xPos + pageXOffset;5 X3 ~3 k, ?- T$ R D5 Q
document.layers["supertext"].top = yPos + pageYOffset;
; i; q, q* ~. |$ I! z( u9 T6 y }" p/ \& b+ T' J6 v/ [/ A
animatetext=setTimeout('moveBall()',20);
5 n5 P+ N+ d7 R9 O# d. s }
% a2 x: e* A$ Y }0 h+ ~+ P2 O7 r$ J
, B3 [$ ^# A i$ Y4 r! x8 ufunction calculatePosition() {& ?7 A) y# R) a/ M; h, H7 S- g
if (xDir == "right") {
6 e& P( n4 m( b6 r- v0 o( S: j if (xPos > (xMax - contentWidth - BallSpeed)) {* _) w0 ]+ l/ _
xDir = "left";+ [. }# p* c& X- C' H2 h! H" H
}
+ x% f, `# U: Y) a1 k: S }8 S3 p7 a, B/ F: j
else if (xDir == "left") {0 G& H3 a. k# a' r% {6 m" K" |
if (xPos < (0 + BallSpeed)) {
) A- W6 [0 I: [+ |* l xDir = "right";. F" r6 W9 ~9 s+ R0 A; h. H
}7 c5 I; T( {8 w5 d2 P$ T0 f g
}
4 \" O$ u7 U! ^# c/ w: F5 S" ? if (yDir == "down") {
0 F# e. B# H1 d0 b if (yPos > (yMax - contentHeight - BallSpeed)) {
8 P2 G1 P1 L- o yDir = "up";
/ {$ j+ S9 T3 P( O3 P }
: J, a3 h4 p0 S }+ M( \5 r& F6 }
else if (yDir == "up") {
+ i( J( U* W) \8 O& r, _7 R if (yPos < (0 + BallSpeed)) {
/ \& c* B$ [, a+ n% x2 N7 L yDir = "down";
& P! j8 i4 H) G6 d9 c }
( V9 e- V' `& M! n3 q! ]7 u; [$ X }: z$ B1 ~% W& @8 \" m0 a
if (xDir == "right") {5 I, t- i3 _+ q; \+ A+ V
xPos = xPos + BallSpeed;
+ ~% r5 ], q \6 k }; _! p$ E* z/ t3 G
else if (xDir == "left") {: @5 P2 B& J' V
xPos = xPos - BallSpeed;
2 U' e% [0 S8 |( g) V$ c) \- J }
1 M- O8 }5 p, J! t i: F- G else {
( E+ `, r+ j/ { xPos = xPos;; x: z/ [, W: L
}2 o( L H- l% U* O x# J
if (yDir == "down") {
6 v8 U* y/ |; s( n" U5 Z yPos = yPos + BallSpeed;3 y, Q5 I: ~. L* ]9 w* E; B$ X& s
}
# y9 V& H$ P+ O% Q else if (yDir == "up") {
" `" |, N& |4 ?, q yPos = yPos - BallSpeed;
6 R+ u5 m# `- T8 j) s* E G: [$ k }7 q5 k/ D$ }' c2 k1 e
else {
' q# H7 p1 b1 \* J. k: l8 ^5 v1 G3 j8 Q yPos = yPos;
" | u! d7 N3 d }: X. _5 P) S; t! ~6 N
}6 E3 q# n( i$ q4 G( n
! S8 k7 V8 s% d5 _1 @) Nfunction hidetext(){
" a& k& S9 D' ?. O8 v' V8 c9 Iif (document.all)( _! y X, w. o' R7 H. m
supertext.style.visibility="hidden"# V. r+ u- x) t! F# Z
else if (document.layers)% H) E$ x5 w, [
document.supertext.visibility="hide"0 H; M0 i2 u4 i& M) |
clearTimeout(animatetext)& P$ u, Y& b! [) O- |
}% G4 ^) J( h7 d4 k. R
! c- [: G6 i4 `$ O5 s5 w* y; ^if (document.all||document.layers){
5 W1 Y5 D) K4 j. n h- x4 F3 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') e/ s) C8 W$ P' b8 Y
window.onload = initializeBall;& T, ^1 t$ Q4 T5 S- {* ?0 ?
window.onresize = new Function("window.location.reload()");: v G/ I- k* _5 f' K1 a
}& R- ~2 l, o5 S& z8 M9 A g, J
5 s3 o3 @ A6 P! l7 T( S$ g, V) K4 }: b</script> |
|