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

|
网页之不断弹射的文字-特效
<style type="text/css">. L2 E. {8 i! e7 i7 s: A' B1 U! I7 C
#supertext {
5 i( E- u, h3 T" w6 ~" T9 n3 Sposition:absolute;
3 z, u( A( C- B3 T) e4 \: Xleft:0;# A! o/ N1 `' |% F5 V
top:0;. l+ @3 d" X' h7 I9 v
visibility:hide;) K. G7 H1 i/ N( n( K; S, A
visibility:hidden;
6 @2 Y, o: f- O& K& j( g: L9 a}
1 L7 I S4 R' e8 B# K/ Y# I. Q' e$ t</style>$ T8 W$ ~1 s8 v/ t: L- e" ~
<script language="JavaScript1.2">
4 }. ^3 N& f- D- J% o<!-- 改变下的字体的大小。颜色-->
! v* T* r+ `9 k: r- R8 fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' B, v0 A; N* E& T# C% b
var hidetimer='';$ x! R# q" [" j! o% L( S1 F- a
<!-- 改变下的弹跳速度-->
. I( K3 F: P' z; a. B( \/ nvar BallSpeed = 20;
4 a" ]7 ^/ V1 y0 `2 q+ v# Zvar contentWidth;
; x7 z5 b: f/ ]& V( C- {var contentHeight;
, ^( {/ O# x# b2 y. P( f/ ~) Zvar maxBallSpeed = 50;9 m3 e( K9 X2 B6 k, P
+ M5 A# f' j* A
/ Z, D8 p1 n1 Z6 ?$ A) [0 J
var xMax;
2 k b7 E& c8 |8 M8 G/ Ovar yMax;6 ?0 B1 q7 W. Z. F" C
var xPos = 0;
3 N, c/ z$ i/ j& f# d. P, Z/ M* Rvar yPos = 0;" y4 O2 H$ p7 F8 [0 `) W8 X
var xDir = 'right';
2 ^- Z- W/ i9 T% C! svar yDir = 'down';( A- ^: T# A0 D+ E1 L
var superballRunning = true;, v8 E, g" }7 W2 H# x
var tempBallSpeed;) |5 `3 }/ m8 [# E" K- ]* m
var currentBallSrc;
9 Y7 N9 h5 H2 _. [7 r) _( ?var newXDir;0 B! P/ b5 I6 w1 k7 y
var newYDir;
6 J. F: O2 N7 G) a4 V+ f. Q6 K6 G& E1 N! [$ U2 u
function initializeBall() {" h. |3 S" K" d8 j. \. A6 @
if (document.all) {
" @9 F! g& F. `4 k4 l3 R: ^; q xMax = document.body.clientWidth
6 X$ h" y. r" o yMax = document.body.clientHeight
8 @9 b8 j* A9 W( c' h document.all("supertext").style.visibility = "visible";
4 N! ~( s4 N9 H( B/ r1 } contentWidth=supertext.offsetWidth
* b; f. Q# M& j' L5 Q contentHeight=supertext.offsetHeight9 U+ m1 |6 s3 @' {
}) p/ K8 {( b# F; R: c( S, d
else if (document.layers) {# s; z+ N/ {( t5 K
xMax = window.innerWidth;
' ?( n( H0 O* p1 A yMax = window.innerHeight;
9 e v# R$ b9 H; H: E1 ~/ ~* n contentWidth=document.supertext.document.width. k1 N$ [9 S; Z% b
contentHeight=document.supertext.document.height; x( u7 F. |0 s+ h4 ]6 E2 w$ a
document.layers["supertext"].visibility = "show";) U+ @* y; o" f/ }8 @" k4 ]
}
$ {* C! J- y6 \- i/ s setTimeout('moveBall()',400);
$ c8 l6 B% t; z if (hidetimer!='')8 D- `8 C) f @2 S6 c$ F# K
setTimeout("hidetext()",hidetimer)$ M/ }0 Z' F( \) M. Y
}' v0 N9 F& {! s V. `1 f* |
3 x/ b. [$ N% L0 Rfunction moveBall() {
) E9 c8 s# l' L) t# l+ W if (superballRunning == true) {
% n( w1 C3 i' } calculatePosition();: L( e5 A! I$ K; P* ~8 d
if (document.all) {6 ?( s- _" U) u7 C8 z4 {% ]
document.all("supertext").style.left = xPos + document.body.scrollLeft;1 d/ R3 V: m/ d7 O$ d5 z7 F' o
document.all("supertext").style.top = yPos + document.body.scrollTop;0 I% X; q! t. }0 ?5 d% D
}
7 Z* b( E: h) R4 ?: b$ I# i3 _' V4 m \ else if (document.layers) {
P2 o7 b$ f1 g/ ^ document.layers["supertext"].left = xPos + pageXOffset;
: e4 W! g" y. {" Y document.layers["supertext"].top = yPos + pageYOffset;
; G( m* P/ F W) C }
/ W! R7 H1 w1 [! r animatetext=setTimeout('moveBall()',20);
! D$ G, l/ y9 ?2 `. f }7 x0 f# W3 {- ] J- B
}$ u: R' M0 Y( e6 j
& |7 Q) M" U% O9 `function calculatePosition() {& W7 l9 i( l7 y1 W
if (xDir == "right") {
2 M6 k' u; k7 D4 W- M# z0 W if (xPos > (xMax - contentWidth - BallSpeed)) {
; a- J0 K+ j5 g xDir = "left";
, L. U6 `' \. {) D9 X }
^- L# i/ F) ^ }
0 i' ?% n5 q" x4 z6 o else if (xDir == "left") {* S& ]* o e) L, M% e
if (xPos < (0 + BallSpeed)) {
% `/ w- F4 O3 L3 G/ e xDir = "right";
: M9 O b, R4 u }
/ y+ q% Q3 l7 j" J# h }
& y9 A; i+ `) U% q: A/ _ if (yDir == "down") {
$ n; b/ O; N& ?7 L$ t9 ?, z if (yPos > (yMax - contentHeight - BallSpeed)) {
# G! y7 [8 T" \% n yDir = "up";6 N5 {0 t) l5 [; p& x
}
6 P' S+ ?3 b- K0 u }
3 o! ^5 V3 f6 k9 ] else if (yDir == "up") {$ n7 C+ i+ f! N( D: J
if (yPos < (0 + BallSpeed)) {
, ?& r, g( r* Z yDir = "down";7 L( h' r) K5 V, v( m' R
}" b/ Q- m* h) w4 \% ~& k0 w
}' @" _6 r8 ^- c/ W/ ^
if (xDir == "right") {9 H0 D0 V4 e2 d+ z. ^' n4 ]
xPos = xPos + BallSpeed;
- [+ j5 p6 H: z' X, r# w \7 P0 } }! `8 N: U& K2 Z! v
else if (xDir == "left") {/ u, t! o$ Y2 R* b, j9 w9 M1 ^
xPos = xPos - BallSpeed;
& f2 f2 n( D2 Q* v }- e$ u/ K( f+ {* p
else {
! K! `7 ]* I+ }2 \9 W xPos = xPos;( x+ P' n( E4 b* @: B3 }
}3 J6 i; W! r+ I3 Y# Z
if (yDir == "down") {
' Q; \ ]; S1 `! U( l& h5 L+ m yPos = yPos + BallSpeed;
- ^+ O5 h% \7 | }
- D+ |, e# m9 Q. n3 b# ?/ Q else if (yDir == "up") {
$ i: ]' m: C, N$ ? yPos = yPos - BallSpeed;6 U! g/ Q+ R6 }4 `( i
}
, p0 p& `! ?8 C else {
* v$ r5 k9 ?) v* s: {( m+ _( Q4 c yPos = yPos;
' J N! c+ b2 e8 R0 J' Q# t9 G* t1 Z0 l }& b, u9 }: z8 y/ q9 z
}; S2 H# P& f$ W
1 P( r0 k2 L; \8 X7 c; g$ Hfunction hidetext(){
$ h1 t2 a9 q" S/ x/ S K! qif (document.all)3 V4 u% N# o! p; \2 t) K
supertext.style.visibility="hidden"
, ~0 g; k+ N- b {( ]7 Nelse if (document.layers): ^+ q0 M9 M. L1 M( l4 R
document.supertext.visibility="hide"
. g2 ~% f }( Z) D) Z- Z" x6 @clearTimeout(animatetext)+ I' p# ?0 D5 E, Z2 o$ u4 W
}
6 d7 y0 ?/ \# N6 S) k% v8 X' u5 D ^" J9 \
if (document.all||document.layers){
7 O- w/ |. @; I# R& Z7 C9 O t! ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) _+ J' L# p1 [, o2 h5 l+ Swindow.onload = initializeBall;
. O" p0 Y5 P' }/ v, fwindow.onresize = new Function("window.location.reload()");
& k R7 k" g) G+ G9 ~# K' Y' I7 @}
/ W' V* L, o3 B+ {6 p! D3 G
m. T7 K" k2 ~& }; I2 y</script> |
|