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

|
网页之不断弹射的文字-特效
<style type="text/css">
& _9 H4 d' R( ^#supertext {
& | a) I$ V6 q' ^* K; Dposition:absolute;
. q3 v# ^6 e; k9 d4 Yleft:0;
* L2 x6 F0 C1 \9 \top:0;# [, d2 v+ ]9 r6 l: |& X
visibility:hide;1 V' [: J$ M; g
visibility:hidden;
. B* A2 X( y( t: I* c5 H}1 Q8 w) u$ Q: B8 ?2 M
</style>
' z( |! }0 j" I/ a3 m/ t7 C<script language="JavaScript1.2">, R5 n0 Y1 s3 R1 G8 b; e
<!-- 改变下的字体的大小。颜色-->" H: w J3 h! o! A# G, ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 z) B$ y) M& N* h7 {: Ivar hidetimer='';
- t0 j2 x, \, D6 }6 W<!-- 改变下的弹跳速度-->
+ p$ m! B! }. q/ o# [: J2 g, @var BallSpeed = 20;; A1 }, e3 d& ]
var contentWidth; \3 Q+ q1 ]8 }/ n c) ?' [# ~
var contentHeight;
& d" V" Q; L h4 J1 \: V% lvar maxBallSpeed = 50;! y& d) I% ^% V/ Q) @* {6 J# ]5 E" Q
; B& e& Q3 u9 o: ?& [
) A; _' O9 f& m
var xMax;
* h0 A& L( e; k# t2 Dvar yMax;
, G) I+ [" b# rvar xPos = 0;% `! ^ |, o% O& W+ N
var yPos = 0;
4 b. ^0 M- ?% Q$ \! bvar xDir = 'right';
7 L- U! w4 `3 o3 E. c2 Lvar yDir = 'down';" i4 U+ o' @& o4 o! A
var superballRunning = true;
. {1 Y9 `! m3 x& i& B/ Gvar tempBallSpeed;
8 ^2 ]; Q. ]7 B3 I& D0 Nvar currentBallSrc;
8 `! [: T3 o" I3 f- O6 tvar newXDir;
! V% ]/ x' l6 [( k7 L) pvar newYDir;( `( q; O5 r$ o% ` X; r: |
' l% Q) b% A. _9 H$ S
function initializeBall() {! _1 {( \+ F4 `7 v: {
if (document.all) {
N9 l. O' w) Z# t3 H1 Z9 ~" q. C xMax = document.body.clientWidth
0 ?, O* J" ?. {& O$ u& c3 b yMax = document.body.clientHeight
+ L2 g Z% e5 d! k Y. Y document.all("supertext").style.visibility = "visible";
/ n) U, }5 @9 K0 ]6 K! \, U contentWidth=supertext.offsetWidth
. D, j2 _7 s6 c R8 f9 a, J contentHeight=supertext.offsetHeight, I# g+ v r. l: ?3 b
}
( q# R; O! c( X else if (document.layers) {/ U5 x: u4 q$ }/ {7 C2 D$ H- E
xMax = window.innerWidth;
; n- A/ W! A" }: n yMax = window.innerHeight;
: B0 i2 m% ^" H' |) \ [1 ^ contentWidth=document.supertext.document.width" D3 z( \8 q7 `; ?2 k* Y
contentHeight=document.supertext.document.height
" d+ I9 z. T. A H, |4 B, u7 w$ B9 L document.layers["supertext"].visibility = "show";! X# V6 y3 P: X- k3 h
}+ b3 p6 i8 o, e" n1 i, X8 ?( w& ?
setTimeout('moveBall()',400);
& l9 `# T. M& c5 ~ if (hidetimer!='')1 g4 T+ C3 S; |& K
setTimeout("hidetext()",hidetimer)9 I+ G% A: g7 c+ g7 ?' y; _
}3 B, `4 `6 C/ q* L3 K% M( |" e
1 j' o1 l: }0 i+ D' {
function moveBall() {
* i- Y# q- l8 Z0 H& M6 i if (superballRunning == true) {
5 z# w* m9 ?9 Y; N0 Q; b calculatePosition();
* z! Y* |/ V" M* G3 A! v, m9 r if (document.all) {
. N7 {' @" g9 M5 J5 V0 t/ G document.all("supertext").style.left = xPos + document.body.scrollLeft;
* g; t; K3 o. ^8 Z* u. O2 j document.all("supertext").style.top = yPos + document.body.scrollTop;& {( X: O8 L7 d* s* p) K" T. w; [
}
6 u* Y# w: t8 l4 @. l else if (document.layers) {
& v1 `% G; N3 p* i& u4 c H7 a document.layers["supertext"].left = xPos + pageXOffset;$ h' a8 k- m, v2 W7 y
document.layers["supertext"].top = yPos + pageYOffset;
+ M) ?( j |% U5 \2 V }
* Z2 M& p8 }' j7 N" g: J animatetext=setTimeout('moveBall()',20);3 X$ U$ H, `1 B3 v* t
}6 E' U2 `: f9 x" L" W4 |$ h8 P
}
6 ]9 u* X/ n7 ~( P8 z0 L0 o0 R3 t N8 J- K6 F+ U8 H. n
function calculatePosition() {. O& ~* p) ^/ h: m! ?2 e8 y1 h5 R
if (xDir == "right") {
& a; F+ D) G0 f2 x, L if (xPos > (xMax - contentWidth - BallSpeed)) {
0 P5 N$ K6 N! V# w6 m; K4 L xDir = "left";5 l& X. I# Y7 C6 b
}" }+ R h! n$ {- a; j* n
}: f+ J( M4 ^* `1 y; Z
else if (xDir == "left") {6 }/ ?' O4 B/ o! K ], z2 L! y
if (xPos < (0 + BallSpeed)) {8 `8 m/ C- ], m2 M# c7 W
xDir = "right";/ \: `: h- `1 a9 n/ [
}
: }) h, z6 k& q* w9 @1 C }! [5 e# d+ B! r4 ]2 X; z
if (yDir == "down") {
# I$ }+ P& g/ t/ n; ] if (yPos > (yMax - contentHeight - BallSpeed)) {
3 Z, o6 l- }" ~ yDir = "up";3 Z6 x5 Y6 r- |% e R
}8 E4 ]* L0 R* q
}
0 k* l; Y- Y& N& t# [7 x) ?% C( @ else if (yDir == "up") {! f/ p7 n3 K# r( ]' n* B
if (yPos < (0 + BallSpeed)) {, m& z1 u+ t5 b( T: d
yDir = "down";
8 z1 N: f8 ?) r* M7 M }
7 H" G0 F3 Y W9 O; Y- ^ }$ y- p! V- F v6 R! W& c& z% c4 }1 Q9 K" R
if (xDir == "right") {
2 ]9 u; R9 V K7 \* V3 y xPos = xPos + BallSpeed;0 E: m" Y( }8 ~$ U( m
}
4 _* q, k2 N; F else if (xDir == "left") {
# D* |7 S4 C$ ~2 t2 A n xPos = xPos - BallSpeed;3 \9 f1 ?2 b% H
}1 Y, X* D+ f& a' `! ~: ^" N
else {
# G `0 `& Y! b. a' I9 S1 o. w xPos = xPos;
* ~# D$ D3 k' R- l }
5 Q: p# h7 V4 f6 K if (yDir == "down") {
, l5 M* ~9 q% h8 H2 ?9 G& | L yPos = yPos + BallSpeed;
- U @# W7 b& t& y }
9 v- E# z! T1 U' J else if (yDir == "up") {
' `6 l) R8 s) r) j3 ]& D yPos = yPos - BallSpeed;
- I7 \! n8 E. Z7 i a' y }- }2 t! D: J* {. I8 x, r% {
else {
8 q9 T2 Z/ F* ]# a z yPos = yPos;
; n8 C$ n) ?( f7 R1 `" f }/ _- z2 |- D/ l& F
}
5 o3 J5 y2 d# N) R* b% \* E* {* Z( c( f3 `' W7 ^9 U* l1 z
function hidetext(){/ Q0 a( j2 Y1 j
if (document.all)
9 i( o ^" y7 o, H* [6 W8 rsupertext.style.visibility="hidden"
& V+ u8 e5 H& b6 }else if (document.layers)% R$ q$ j) W* Q i
document.supertext.visibility="hide"( T$ |$ S* b$ C: U- z- s6 A* R
clearTimeout(animatetext)
' n* L) C# i4 J}) d# a1 H. t- w* r
( ]+ @ Y9 L2 H
if (document.all||document.layers){
& [8 M# I# e, E( |. edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 f3 D$ v' E! Owindow.onload = initializeBall;0 x, J6 T. W& s. Q6 |5 Q
window.onresize = new Function("window.location.reload()");
" A3 L4 J* F& ~ B' ?} Q2 w2 I; u+ S; v A
( {2 v5 D$ q1 I/ u
</script> |
|