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

|
网页之不断弹射的文字-特效
<style type="text/css">) i+ i" A, B g3 t
#supertext {: s3 p9 c9 J3 A6 ^3 f$ m- h
position:absolute;+ H* U: Y7 S4 g
left:0;
7 q0 |5 D1 j" i h- d$ r' ptop:0;
, z$ O8 {0 J, \0 O' i8 D( u8 Kvisibility:hide;
+ p- c% I; I- U6 C; e' fvisibility:hidden;* [, [. ^& f Z' J) j
}
1 l$ U# g6 X) Z; T5 \</style>% X7 ^" `% l# _' t2 u; m& `
<script language="JavaScript1.2">
E. T) C1 N' L<!-- 改变下的字体的大小。颜色-->
) J+ \9 ?; i, Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 q+ t8 `" X. U& T
var hidetimer='';
! x( p( ~! T& W2 r5 p! t) U m+ i<!-- 改变下的弹跳速度-->; m: W0 X. u5 E$ J% V& y
var BallSpeed = 20;! l+ J/ U. `# a2 Q& V S
var contentWidth;. `" \& \* B) @( v i
var contentHeight;
4 @( N0 Q& k7 t8 \var maxBallSpeed = 50;7 U+ V; ~9 m% k% @* A+ x( _
4 l, V/ f+ A- I; _/ Z! T
" Q2 f- E+ m7 ]! e1 zvar xMax;
! w& Z) n/ e- v: h# Rvar yMax;; c) z! [# h9 d( R! `
var xPos = 0;0 z& M8 I. t; _
var yPos = 0;
/ y; J1 _. B" B: jvar xDir = 'right';! m A1 e1 s0 Y( l
var yDir = 'down';4 W+ M7 k( X& l' J
var superballRunning = true;7 e- K [1 [% m U
var tempBallSpeed;2 K; c7 f2 [0 g: t3 [' o
var currentBallSrc;
$ a, `: \0 ]/ y/ Lvar newXDir;0 y- \% s" _8 ^5 T1 d7 m' `0 o
var newYDir;; B: I1 m; k9 m9 e1 T
8 I0 }6 z3 b8 ^) f" efunction initializeBall() {
0 Q; q8 N: M/ a4 D5 q f% c if (document.all) {
6 t; G3 g, k% _1 U k a* c, ~ xMax = document.body.clientWidth8 l% r6 w0 I; j# s S. E$ Y
yMax = document.body.clientHeight* j x& J, ^ h$ ]) f' ^
document.all("supertext").style.visibility = "visible";
" k+ t! N. l6 A9 X. c contentWidth=supertext.offsetWidth, U6 I, r% S: U8 E+ U, A" W
contentHeight=supertext.offsetHeight( F) I7 Z0 f& _
}& h7 ?! f5 m3 J" [8 q, I4 H/ z
else if (document.layers) {; p1 N' R+ J6 d+ r
xMax = window.innerWidth;+ b- A2 y* d& ]* R. l9 s" ?* C; Y
yMax = window.innerHeight;
/ q5 @2 w, F# A2 B) @- A. \ contentWidth=document.supertext.document.width
* T0 C$ M* {$ v) h; K* n b contentHeight=document.supertext.document.height6 n" \! \. _( x V5 E
document.layers["supertext"].visibility = "show";
! |# v8 e9 |& m8 U. T }# v) I. f# n+ S* U# z: J
setTimeout('moveBall()',400);/ X( C0 R4 [$ b* Q4 y
if (hidetimer!='')9 F3 o$ v; X: k1 w
setTimeout("hidetext()",hidetimer)
3 u' ?3 y* |/ F7 `( k; u4 { }
' ?9 o! ^# w! I) @) w5 d
/ W- \ K1 E6 [: D/ xfunction moveBall() {
* r7 _. _ Z% S- M, \% o if (superballRunning == true) {
! ?1 v" r5 J& N1 {$ ^1 f calculatePosition();
8 b* B+ c+ [! A- Z+ N3 I8 e' T) | if (document.all) {
5 `$ q' u' R6 \/ s. l document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 O% Q7 }+ L8 ~$ t! D! W2 g0 j document.all("supertext").style.top = yPos + document.body.scrollTop;
$ p' Q5 n ]/ H# a8 c }
1 J( g. i& E& `+ P: B else if (document.layers) {- X \# F' A- H3 {
document.layers["supertext"].left = xPos + pageXOffset;* S6 C3 g+ B: w) f0 Q9 m6 ]3 o
document.layers["supertext"].top = yPos + pageYOffset;
0 @5 E8 V. f) T' t }
" I, a4 [! R; x: o animatetext=setTimeout('moveBall()',20);% k( ^8 r: g/ C* x$ z8 O$ u" P
}
G1 W x, u3 n5 L, W9 ^ }$ G, k& F* W; Z0 [; V, b( N% Z( ]/ a
% f" h1 v) r6 f* @
function calculatePosition() {
. q* q, x( f. H- u4 w if (xDir == "right") {
. I8 a4 l0 b* r+ n+ d if (xPos > (xMax - contentWidth - BallSpeed)) {
& K( b6 j$ ]; E- m xDir = "left";
) x, _% k* X6 y* U$ [ D }
6 |' B b3 K) |) Y8 Z }% c' H Y; l5 K g: K8 j& g; a& \
else if (xDir == "left") {% h. M) S+ b8 J L% _1 X0 l- R
if (xPos < (0 + BallSpeed)) {
) R; C: n" {; i+ f* o9 I, \1 `# P xDir = "right";
1 D, I. u9 v. E8 v7 H }
3 [# S. G) {; `6 B: d* n9 J- n }0 m! n3 R& y) } R
if (yDir == "down") {1 Z$ T5 b P* J( s" ^; [0 [# M- T
if (yPos > (yMax - contentHeight - BallSpeed)) {
+ t2 w* S B2 ? yDir = "up";
7 {! W% i( C/ y, P }
+ D, j4 e9 W' i! B, B) o! z8 s% T6 h }
( l; r, P: [" L else if (yDir == "up") {
8 S( G2 Z5 ?4 h' F if (yPos < (0 + BallSpeed)) {& i# T" e6 F3 c% O6 O2 j: L
yDir = "down";
% n$ i8 {5 \% u, s' [4 I }
* h9 `5 i8 e5 o: r }+ \5 v0 \* j7 |
if (xDir == "right") {8 x& o' k- g- v( z
xPos = xPos + BallSpeed;2 \ d! _. Q0 _" c
}0 K1 H# W& F) Q9 x. m9 k
else if (xDir == "left") {& x7 h( }% d# n j: F5 [ d
xPos = xPos - BallSpeed;) h( i% K" o4 e6 R1 q P7 a
}
4 ?' a# x# G6 n2 M4 M else {
2 w/ ]- j$ U- U% f) u) p5 w; _ xPos = xPos;
) e* a. d* N0 }" D0 Q }
+ @4 L" `. p$ |9 K2 d: A if (yDir == "down") {0 X. W1 Z# Q' ~
yPos = yPos + BallSpeed;, S9 W" F+ F" r' {$ A
}
. q% s8 Z: s* T2 {0 l else if (yDir == "up") {4 w9 a. X& n4 |8 L3 \6 Q+ s
yPos = yPos - BallSpeed;
7 n; l b8 d1 F/ l# u }4 H( G" n3 c* o. X4 y. c
else {
4 f9 }- P1 Y. i yPos = yPos;/ O* f4 a6 R: `! v0 Y
}/ K( \4 e5 j4 A' j, W. X. Q
}
6 V9 [! \! ]) q5 }) D7 H
. a+ ~1 u% q9 I0 b, b0 ^$ ofunction hidetext(){
1 \ [/ m- s/ @/ T, rif (document.all)( r9 x) A* T: T' }' v# Z5 t0 q
supertext.style.visibility="hidden"# ~ K2 S3 E5 ~5 Q1 s3 ^
else if (document.layers)
$ @1 F" |$ u0 kdocument.supertext.visibility="hide"
2 b u; ~6 }" ]/ B' I( nclearTimeout(animatetext)$ {. D; H d$ |7 E3 `
}
# f$ b% b: B4 f+ A( Y6 H2 Z/ U( f# D! D
if (document.all||document.layers){
8 l& \& F0 e, Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 j+ }# {7 v) [* ], |window.onload = initializeBall;6 k I6 }& w9 Z7 V
window.onresize = new Function("window.location.reload()");
3 q* C/ m4 M$ U2 X}& T2 z& {3 p1 @4 f% M, r$ d# [
9 c' U+ p' D3 ^7 ?7 v% h2 s1 ]
</script> |
|