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

|
网页之不断弹射的文字-特效
<style type="text/css">+ n0 T7 @3 h4 u Q, V X
#supertext {. Z: f5 Y1 w) u5 v% n8 Y/ M/ E3 L
position:absolute;9 t; {2 s, ]6 k/ ?. A
left:0;" p' B! q* R: b1 E
top:0;
7 H- R6 V$ M: v4 w" Xvisibility:hide;& L8 c" c& p8 l, D: J' D
visibility:hidden;
6 n; n* F, D1 ]8 Q% ?) i}
# Z! L! r! q& Q$ h2 f</style>
( o5 t% s9 q7 W' Q4 X1 I9 S<script language="JavaScript1.2">
- H7 G \0 z$ o. n<!-- 改变下的字体的大小。颜色-->. Y2 N# o4 H2 Y) [$ n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 i5 S# {" @% \& yvar hidetimer='';
: z2 b9 W4 V, b# K0 i, F<!-- 改变下的弹跳速度-->) O G- D, c- m7 O$ j C
var BallSpeed = 20;& e, h) l: W- A" t; E; D, W" G
var contentWidth;
( K: M7 E, o) U; ]9 W3 f lvar contentHeight;1 h& D/ l. Z$ W- y/ f+ n" ?
var maxBallSpeed = 50;
/ s: f f/ T- i
2 d1 T% m3 R7 r" i# }) } M A: k# g% E. e" w' f( |, i: i
var xMax;. ?3 A4 @2 R5 Y# T% T1 j; k) M5 `
var yMax;
5 l& v+ ^) E% f3 K' qvar xPos = 0;* \; ]* Q- x" R5 Q! r9 D( P3 @' b' U
var yPos = 0;# u, f8 ~7 v" W5 p w
var xDir = 'right';7 Q2 l L8 n6 l `' S2 g; e
var yDir = 'down';
3 D; }( L P3 Jvar superballRunning = true;7 H; i, w' }( B7 v* ?4 N* i
var tempBallSpeed;8 z0 b9 n* _, Z/ L Y1 {# c$ I
var currentBallSrc;
4 ? p0 d0 P4 w [$ uvar newXDir;" y, P% A! O+ m0 U0 l
var newYDir;
5 ?/ W& a# `; E) `5 W9 S$ e' M1 D" Q+ ^# | t
function initializeBall() {0 J0 W5 t3 T) a, a$ s0 E
if (document.all) {& g8 C! z/ X6 P+ O
xMax = document.body.clientWidth8 e% @# M9 s7 q1 p5 c; J4 ]
yMax = document.body.clientHeight
" j% X, E9 F* P! R5 l% w document.all("supertext").style.visibility = "visible";$ L' x& L' u1 t6 V5 `5 O
contentWidth=supertext.offsetWidth: M; P R# @' t/ P* V; ]& t
contentHeight=supertext.offsetHeight
, |- A3 c# }# z }
- l! {( J- k& {: G# F else if (document.layers) {
: y# ?$ n% v; L6 H xMax = window.innerWidth;; e8 P1 U0 f. f) M) i6 o0 o$ U9 h
yMax = window.innerHeight;6 n0 c Y4 i. V
contentWidth=document.supertext.document.width
# j3 Y" E+ S8 o' k: e contentHeight=document.supertext.document.height6 O( u2 G8 |) O7 O3 K; G- s/ I, I
document.layers["supertext"].visibility = "show";
' z) v4 ]. J% Y9 E" h: U }. H- D7 [6 I* _: m) |2 d
setTimeout('moveBall()',400);
# [ {: m* u: v6 D& ~: ?- H if (hidetimer!='') P! U- f9 W3 I0 h& ^3 n
setTimeout("hidetext()",hidetimer)
6 E% |! n' h& ?: e/ b }" h7 O6 t3 F9 `+ v7 Y) T" i) B: H2 I
( k& H e( @+ g6 Zfunction moveBall() {
0 k8 \6 @* H' \8 m2 e- } if (superballRunning == true) {, t- V6 U( c1 p# O9 p* L* `
calculatePosition();6 @1 T$ a8 G) d7 ]
if (document.all) {
: x9 l$ X; J8 F/ I7 p( U, x8 |% n document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 G# ` ^! ^* [ document.all("supertext").style.top = yPos + document.body.scrollTop;
( P- f2 ?; _8 O1 h9 D }
* V* e; Y( G. I5 _- A else if (document.layers) {
# l9 B" g2 h L! [9 m& W1 [! Y1 { document.layers["supertext"].left = xPos + pageXOffset;
4 T Y7 P' B6 `) S+ x document.layers["supertext"].top = yPos + pageYOffset;. V0 ? ]7 w1 z( `. g, o
}6 @2 w: V" l1 y7 V/ I8 J6 t
animatetext=setTimeout('moveBall()',20);
# |/ C. R$ m! R3 {, U& ^( E! ~ }
7 p! f. O. a" w% m; y7 M6 { } S, J1 b) O. x8 b
" ]/ ^0 U1 i- n) a1 d0 C' @' t
function calculatePosition() {0 G, o' P) d$ E f
if (xDir == "right") {
3 a; ?- G& Q2 x" m9 W; q if (xPos > (xMax - contentWidth - BallSpeed)) {8 D& ?: y) Q* s6 V/ V
xDir = "left";
/ q5 R5 R" {1 I }
& ^- }* H. z" W4 N% i }
# p# }1 ]( E& M5 I8 O$ V else if (xDir == "left") {
' Q! ]: S7 e7 L& p if (xPos < (0 + BallSpeed)) {: ~* @4 F, P0 i
xDir = "right";
* I6 H# j, H0 q0 v' Z, E }
% P4 U4 h, s% Y) |3 Q4 c }& f5 N4 ^5 t) S
if (yDir == "down") {
( R& f( V1 i3 h W! P: B if (yPos > (yMax - contentHeight - BallSpeed)) {
0 A4 g4 |1 r g4 A, B7 s4 q1 X yDir = "up";
* P7 [+ m# V, p9 z+ v }
2 O7 U3 I% J( S* X& {" M* {6 G }
( _' j& b( x: s4 I( Q else if (yDir == "up") {
7 y$ i5 ~6 }& K# v4 _ if (yPos < (0 + BallSpeed)) {2 A$ R. \0 g2 j% A) w3 y
yDir = "down";' q& O! P& E v* G
}( {. B1 A5 u; x8 b; U& L
}
: `0 V" S: A8 W' `+ I% w7 X# x if (xDir == "right") {
& d0 h( ]: [2 H. [% U" D xPos = xPos + BallSpeed;7 ~! e+ E2 d( m+ r3 U
}
! B) O5 B% _* {0 b& r else if (xDir == "left") {- a( i' z2 T& n: R
xPos = xPos - BallSpeed;. f3 a+ {, g5 Y4 c# N) ]
}
7 c8 |$ `) M6 p7 e" | else {, Y$ H. Q0 C) r5 T5 a$ s7 h
xPos = xPos;
# y3 a% c* b3 o, S/ U/ r' R }$ Y( \7 N6 R: b
if (yDir == "down") {
( Q% e; x* x$ E$ g- @2 ^ yPos = yPos + BallSpeed;* v- T* K6 b2 m$ Y& F
}' I. P, q7 s b! d6 }# Y' Z
else if (yDir == "up") {
4 M, X6 ]4 F0 J" N yPos = yPos - BallSpeed;
" A% w# f$ K* }4 a; ]$ f5 }* B8 ^ }; V0 o+ P9 f/ J* u" e
else {& L8 E+ y- g- `1 _: I- D) R
yPos = yPos;+ `7 ~& K8 n, S
}2 t" M/ a9 b: j+ E! [
}
; H6 V, V! g. _+ R" D: Y. ~0 ^1 B" V
function hidetext(){
( ~' \0 y- m' p, I$ @! _. ~if (document.all)& m+ V$ x% X, t4 C3 e/ s4 m
supertext.style.visibility="hidden"1 G4 @ g0 g' ?, Y" T
else if (document.layers)
/ W) m q" [7 M* {: Cdocument.supertext.visibility="hide"1 u6 p% j. T6 ]- Q( i% v7 \
clearTimeout(animatetext); a; I0 X# _: b) b
}
0 t2 i3 I; y ^( Q" k% B# N! X6 O) R+ A! m! \1 b- i0 ?. J
if (document.all||document.layers){
6 M* l; w- o2 `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 B$ @2 k7 ?/ _ u- B, ~window.onload = initializeBall;
# |5 u. D6 e0 K5 p7 Gwindow.onresize = new Function("window.location.reload()");
. l/ s6 I6 w+ e- I" W}! }" R: D" Q: Y& r) Z
, I3 }3 @) R/ x! z- S% x* O% s</script> |
|