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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 {! t% d) }- v# N7 y#supertext {
1 l+ A4 n# |3 T5 W4 [7 h$ b& yposition:absolute;
S$ X4 z6 G" n4 Ileft:0;. M; p7 T6 L/ v) h1 z& j
top:0;
4 B2 t% ^) u$ z- l2 ~' x6 @' W( Cvisibility:hide;4 h1 j8 F( T8 l) O. }; p; h9 o
visibility:hidden;( n4 P& j; J5 y, O+ _
} ~3 ]0 P+ }% K& a& \ V% T
</style>; T4 T! I X+ N
<script language="JavaScript1.2">1 K" K4 L" v ~; {
<!-- 改变下的字体的大小。颜色-->
( O! |. g" a1 @' u+ Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" j( z3 \$ X, n0 H$ v; O1 `
var hidetimer='';- X6 ^) N5 e \$ v' N* C' V
<!-- 改变下的弹跳速度-->1 J( |" l$ N, q2 ^1 l+ w* ^8 O4 \
var BallSpeed = 20;0 f. h9 C5 G& X8 s* @& H. Y! _
var contentWidth;! Y9 v- C- [( b) k4 P
var contentHeight;4 K ?* H3 s, |; O$ B: [
var maxBallSpeed = 50;7 E. C4 L% H/ I' c0 u8 D
0 `! `, z& D9 B9 j
0 f$ [/ d' K9 c X, L1 l
var xMax;
. G6 A0 F" A% z3 w, X' z0 Svar yMax;
% z, O/ ^; @8 Vvar xPos = 0;5 T* O2 }/ S8 z( |# u# W9 y
var yPos = 0;
1 p# ?) B$ w7 d' ^$ W& R% d. q# evar xDir = 'right';
% R, d2 b% [! t$ uvar yDir = 'down';" \# V' e. S4 [
var superballRunning = true; ~& J+ e& p' ]% k: w* p6 z- {
var tempBallSpeed;4 Z0 v* q5 H$ D Y
var currentBallSrc;
0 _; W" H% x6 D' `var newXDir;
: @! ~) q" a8 Y6 B) m# lvar newYDir;
7 N/ G( |! r% ~8 C* b8 V: @+ b* Q0 u, p2 F8 {
function initializeBall() {0 s5 q) n0 l; T8 V0 O
if (document.all) {+ q2 ?( X7 u& X/ l1 }
xMax = document.body.clientWidth/ n8 _' k0 z' k ^. }5 J& V
yMax = document.body.clientHeight+ P' Q% |9 ^1 U
document.all("supertext").style.visibility = "visible";
D3 `, l7 f C" N* ` contentWidth=supertext.offsetWidth% p1 U l, E6 U
contentHeight=supertext.offsetHeight) ? S% h, a* v- _4 `
}
# G* S) r9 F2 ^: {- q8 M+ k else if (document.layers) {, b- A9 L2 V, q8 h% }
xMax = window.innerWidth;, E1 d/ G$ x8 E' {" L4 Q* @
yMax = window.innerHeight;7 N, b3 S2 [/ y% B# z& b
contentWidth=document.supertext.document.width
2 |" s( s' I4 x+ u- N contentHeight=document.supertext.document.height
3 C- r5 o" t3 N& g$ P4 b5 c document.layers["supertext"].visibility = "show";
* p. ~( a2 Z! K c }
' z# l, Z% b' u5 p setTimeout('moveBall()',400);
9 ]" W$ c* C& N* _ if (hidetimer!='')/ o7 Z% e$ g7 }; e% @9 b, M% A
setTimeout("hidetext()",hidetimer)% `- [; r# \$ b/ ?& |0 x) R
}
$ \0 E6 B/ B. u0 ~- d
( I( N: S% E. E" x7 L% zfunction moveBall() {
* Y; u) B) v8 V5 H {% r if (superballRunning == true) { m. @+ J, G5 F/ g% J8 _4 K" v
calculatePosition();* d9 m/ d' e& k( \
if (document.all) {6 p. Y+ g& Q: l! e% Y
document.all("supertext").style.left = xPos + document.body.scrollLeft;8 P+ c; L3 `7 O* Y
document.all("supertext").style.top = yPos + document.body.scrollTop;
8 _. \& j0 _& e& _8 }4 y }
& ]: c1 ~5 ]: r3 S else if (document.layers) { W. r9 v$ q8 J+ Y8 d2 i
document.layers["supertext"].left = xPos + pageXOffset;
3 I" K% I! \& W7 D) k& ~ document.layers["supertext"].top = yPos + pageYOffset;
- ~8 I# U' U7 U. u$ f4 a }/ N0 `# j( M# u) M7 l' Q9 F" Q7 c# `' s
animatetext=setTimeout('moveBall()',20);4 x( H6 }' u5 R1 x
}' H4 M4 }4 P) u |+ _
}* e" |$ R3 }6 v
7 x: M' ~# Q/ `: q8 \function calculatePosition() {& c _# {/ A& @# J% U
if (xDir == "right") {( V4 ^' l% |! R/ H% ?9 m
if (xPos > (xMax - contentWidth - BallSpeed)) {
4 M- Y! Z. }3 P. i3 l4 f' q: a, Z* [ xDir = "left";
& O. O9 b( l' f }7 v: ?9 D: F; W M9 C6 w; m: W
}
+ {8 d5 e$ Q7 [' S+ V- j/ ]4 z else if (xDir == "left") {
( M$ F: ]2 Q5 k- }/ o if (xPos < (0 + BallSpeed)) {
* S1 ?( q' j7 e) e xDir = "right";
) z& P' ^& \3 S7 B4 c0 Z U) o8 y }; [. J; z1 V# i' `
}
' ^, D; M# H' ]8 a# M" X$ ~ if (yDir == "down") {
3 i* F8 h1 V' x, ]2 K. h4 k if (yPos > (yMax - contentHeight - BallSpeed)) {
" i1 ]0 W, @" ^; O* _' C yDir = "up";
/ d/ |, F+ _ U& p* s4 | }
# Y8 r- n4 E( c" k }$ {. m( R- l, u
else if (yDir == "up") {
8 Z5 `$ O' D' T if (yPos < (0 + BallSpeed)) {
+ ~+ ~9 m3 ~- ^1 C5 l/ u yDir = "down";! h2 Q; o" o! Q0 I# d4 s
}
( n& M4 F, e7 o7 j6 N( V+ U2 B }
1 G+ A' N- [1 ] if (xDir == "right") {5 V* I9 g( P2 L1 ?( X
xPos = xPos + BallSpeed;
3 Q7 n1 T; u) g. K- w) ? p }! h$ D1 T, D1 D. l; j( ^
else if (xDir == "left") {% x& U; v' `( Z! y; ^; Z
xPos = xPos - BallSpeed;1 ~" r- U$ G/ n
}
4 X. Z2 S" T* N8 {. O; v else {' `% ?) ?9 S% {7 L$ C' \! D
xPos = xPos;
" e( p" |7 N0 U7 f# [ }
( d# l/ S2 Q" S# Q if (yDir == "down") {
: p$ o* W+ h \: n# s yPos = yPos + BallSpeed;4 E2 X. N! P% }' u0 X( R
}8 W: c. R8 \* D$ X* x+ Z" l9 A
else if (yDir == "up") {
* z8 L# _! n! `7 w yPos = yPos - BallSpeed;
$ m2 ^ W' I( }5 k! }2 @* L! n; ~4 V# h }
/ l/ J* N( b7 v else {! u+ ?5 n. s8 J; }9 F4 L, |. A
yPos = yPos;
2 X* x& r3 b/ G: v% C% F }
5 |! m* a% V) b5 v5 m0 D }! N4 h! c7 Q0 l/ r% M, }+ [
v" m8 |! C p4 A; bfunction hidetext(){
# W- ^# o1 r8 V0 a- Eif (document.all)
8 |; Z2 e; e, F1 b# r$ rsupertext.style.visibility="hidden"6 d% t; K* c' R# h9 c& j
else if (document.layers)
5 d" }0 J3 } z1 i: qdocument.supertext.visibility="hide"3 C" p) L. V& l
clearTimeout(animatetext)
. M& Y* Y" K6 I' y3 a}+ [- F3 G# a: i3 q% |, z
" \3 L% d3 @- X" E, r
if (document.all||document.layers){2 r3 w8 @: H l# _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); K& ?* P0 F( R& W [
window.onload = initializeBall;: I' ~7 y7 |. B8 q" F5 H
window.onresize = new Function("window.location.reload()");& m1 }/ R& h$ { k( P
}/ ^! x+ G+ Q5 [
9 o. \( h/ t, K" j</script> |
|