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

|
网页之不断弹射的文字-特效
<style type="text/css">
: u; K4 q O/ ]. T3 t#supertext {+ @4 Z+ T' q5 s! x8 o
position:absolute;
% Q( X% @3 s2 S6 X+ g" Jleft:0;) M9 p& r7 ?: _: b5 k7 V& q6 r6 \
top:0;
) Z" J8 s7 g6 c) T6 } E) cvisibility:hide;
" w: c( G1 a bvisibility:hidden;6 A4 m: K Y' U/ w
}
/ {* V) J4 }- Z6 |</style>+ l6 E! u5 B4 h
<script language="JavaScript1.2">7 e# o8 }, K* Y" T" H1 p! q
<!-- 改变下的字体的大小。颜色-->
2 T$ E f* [" v" I8 u( z/ P0 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 u/ Q! B) ?$ x" ^7 X8 E# v; uvar hidetimer='';* B" _/ Y' K# P1 H6 b
<!-- 改变下的弹跳速度-->
3 }! u: ?1 R5 [) ?4 Dvar BallSpeed = 20;
7 w: L0 I# r$ a& S Ovar contentWidth;
7 \5 q, |9 y7 N5 z+ W9 qvar contentHeight;
' H- z; L a) mvar maxBallSpeed = 50;
. {1 y! b, `; n- [
* R. w' Z: Z% H6 g5 S9 L( f1 i" B8 q9 G- y2 |+ t
var xMax;
2 v2 q& H& e5 B& ?' Tvar yMax;
. e/ ~* c. Z1 qvar xPos = 0;
! v' z- B1 k. y# N+ |0 {0 vvar yPos = 0;
) n2 o& e+ v4 U" ?' p! v' h$ qvar xDir = 'right';
4 e' Y1 x- M5 |' Xvar yDir = 'down';9 D1 z% G* E q l. f4 `
var superballRunning = true;9 ~: h( P- e) H- ]/ B" H' n
var tempBallSpeed;
/ h3 P3 Z5 j, _$ p' Jvar currentBallSrc;
6 y6 O' [* b( Q Ivar newXDir;
/ l, E/ m. y# `+ t+ F0 {9 v: Dvar newYDir;- t, \) T) N/ X0 m7 E2 v2 i9 e0 ~! L
7 F$ @/ m- K- w2 I, e; ~8 N6 q, g
function initializeBall() {
: h: v7 u8 j" c3 V* m( a" N if (document.all) {, c4 U' T$ w) G6 k
xMax = document.body.clientWidth
5 A) t) s( U# D8 n: R- i yMax = document.body.clientHeight
1 J, `6 @4 R9 P document.all("supertext").style.visibility = "visible";
+ L" G; u' W6 l* \ contentWidth=supertext.offsetWidth1 ]$ N4 [* I. E% C0 Q Z
contentHeight=supertext.offsetHeight
+ N7 Y9 K/ q0 p. H- b }
, M9 H2 b% z( x$ i else if (document.layers) {
5 g; u; z) o) s$ b# _ xMax = window.innerWidth;
8 p! s# L9 K' Z2 h; s" O6 ^ yMax = window.innerHeight;
+ w7 e* v2 ?) H! u8 l- X0 I contentWidth=document.supertext.document.width
3 A: M% ] g" d" R1 O2 ] contentHeight=document.supertext.document.height
& o. ?. v2 ]- ?1 B- s0 ~# v document.layers["supertext"].visibility = "show";3 {) C$ E& I. W5 L% X
}% [0 l# e0 P- `( b: }) {5 ^
setTimeout('moveBall()',400);) O* v) z4 e. P& v; E
if (hidetimer!='')9 b- I+ B% \% q t, {& Y" y5 J
setTimeout("hidetext()",hidetimer)+ w5 u0 Y& Q G" D0 S
}
* p) j2 i2 K; Z7 n2 M! D! D' x) `& |8 l
function moveBall() {$ M0 m V: p. _0 U% o! |3 D3 L
if (superballRunning == true) {5 ~# b6 d: b9 q! \8 t! |/ A
calculatePosition();
% D- g7 y2 f# y6 m1 y if (document.all) {
3 d$ m' @0 @ W7 M document.all("supertext").style.left = xPos + document.body.scrollLeft;
' e) T, H) W+ D/ @/ j( ] document.all("supertext").style.top = yPos + document.body.scrollTop;
! z8 ~/ B( @5 a }9 h4 I5 p) X6 c1 x1 u
else if (document.layers) {
9 o: z9 z; O. D: d document.layers["supertext"].left = xPos + pageXOffset;$ w0 p( `3 g! Q9 J3 x% Y
document.layers["supertext"].top = yPos + pageYOffset;5 P% C/ Z7 Q# U
}
+ |; ]4 }* ]0 d+ G4 S' C, y animatetext=setTimeout('moveBall()',20);
: J# U- m4 g# \2 x8 U }! k) u q$ ^' i/ I" F2 R. L
}8 R4 w; i, M) ^! `2 G5 q
8 I& D/ p2 U3 Q. W8 | j! j! D
function calculatePosition() {- _5 Z) d! w! _9 c; H
if (xDir == "right") {# I2 }2 f% J v4 ?
if (xPos > (xMax - contentWidth - BallSpeed)) {
+ V. j% W1 X5 d3 _ xDir = "left";) O( n2 ~- f! y! y" }
}3 {4 X7 d" D' g
}
/ A5 f5 X# C/ d5 l; d8 p( E8 T else if (xDir == "left") {
$ M7 X. O# k, G7 H$ i; G if (xPos < (0 + BallSpeed)) {, ~; b$ V R& z" ]! T$ b# A1 r
xDir = "right";$ w5 l1 u$ c8 N" [ U9 ~; h
}# \" n% ]- u* Q `$ _2 u0 y
}9 o7 V% e6 x3 S
if (yDir == "down") {% C/ H& h+ n9 U: }. @( V7 |3 K- |
if (yPos > (yMax - contentHeight - BallSpeed)) {
( w: v) T' m" x/ e' v yDir = "up";5 }# s- ]+ [8 F5 Z U1 P4 j% [* T& `
}
1 ^6 x: ^) W; c. ^( L }: }' L+ ]2 d* B
else if (yDir == "up") {
& ~% b% C6 ~! t% M7 U' |* {. @7 n( p if (yPos < (0 + BallSpeed)) {
# f$ w. @% H7 U3 x5 J/ F4 ` yDir = "down";
4 ~- _9 y$ H; M+ }6 h/ F }
( M( D1 v6 M/ O' r8 V7 M }5 N$ X9 J$ A+ P* l9 k
if (xDir == "right") {
% [' V, L, f" w0 ^9 ^6 R- X xPos = xPos + BallSpeed;
9 N, r9 c3 B" `+ t$ B' m6 q ] }/ c5 \* N( R" u2 c5 T! B# V* N
else if (xDir == "left") {$ ^" L8 r# k- v2 b- F8 ^# V0 {
xPos = xPos - BallSpeed;
" O" E3 x8 i+ k/ R5 H/ ~ }" r; w$ p+ R) p6 P) R
else {
9 b% |* h* n4 t/ G. b O xPos = xPos;+ M' ^3 ^; N% }" [, r
}0 p% G1 K" L A/ ]0 H# w
if (yDir == "down") {
7 K0 Z, ]1 {' ]" i) E yPos = yPos + BallSpeed;
6 j/ Q8 D2 b- [: C& ^4 N }, H; d/ I( {/ h5 ^& q1 S
else if (yDir == "up") {6 O W! F0 C5 y* \4 P
yPos = yPos - BallSpeed;; f5 v$ I: P7 |6 c0 ~
}3 P5 H$ J' o; S r3 q6 j, M
else {
; M: J1 a& n" N yPos = yPos;
" P- y* F! ~6 c }( ` K9 I$ c& y* U
}
0 a7 q: u/ Q' F( W% z3 {9 m/ i* m' L9 u3 N
function hidetext(){
) x8 D8 K1 V0 c. n* v4 Rif (document.all)
: e: d. K+ g3 Hsupertext.style.visibility="hidden"9 U7 `2 Q& ~- r) ~
else if (document.layers)
+ A; S: b& m2 J# Vdocument.supertext.visibility="hide") C1 K" m5 f; o& e
clearTimeout(animatetext)
, y$ @1 r4 z8 o& _$ G* I}
8 y& }, E' i! t8 `/ S5 Y/ \6 y8 d$ d. u) R
if (document.all||document.layers){3 d. } c* X. k. {3 \" F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, D' q! j- A! {3 T3 [" `+ G9 |window.onload = initializeBall;% S/ v1 f1 ^5 s0 B& G4 I3 ^& G
window.onresize = new Function("window.location.reload()");* Z1 w- V# G" H+ i8 s& D
}2 z1 r) L6 o1 V2 L6 f: \) Z
5 o2 p7 b. d+ S$ S
</script> |
|