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

|
网页之不断弹射的文字-特效
<style type="text/css">$ f, }4 B. x' V$ \8 O
#supertext {, H$ @2 n5 ^8 |+ a
position:absolute;
, V6 D% R3 A9 S- Vleft:0; a9 E1 |: x3 j) o
top:0;
! o( x3 `6 \( O- |; O @7 ^" kvisibility:hide;
( |7 d5 z1 l' mvisibility:hidden;" h: _1 m9 s1 V. v l
}/ l# @$ _ [& ~' E u R
</style>. N- y6 |' J) L! T: V2 Q
<script language="JavaScript1.2">8 J; a1 X! q( W3 ~( z( m7 _
<!-- 改变下的字体的大小。颜色-->
8 r b1 }* F% d9 n# t7 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! B* K8 I% h: z. v: g/ K" ?( c
var hidetimer='';
0 i* C$ m& }: c# v8 r! ~- V& \, C<!-- 改变下的弹跳速度-->5 P* [7 @1 g2 g# D! z
var BallSpeed = 20;
7 S3 S$ C" R; _" Pvar contentWidth;" ?) T" {& ^. W0 m, l
var contentHeight;
; k: _5 O, ?% C8 _. G# Vvar maxBallSpeed = 50;( L8 f% B* S: h$ _ W1 F( N- o; X
6 b' b H) _; C; N/ j H1 p% f! M2 ^
( I/ N" b0 y. Yvar xMax;; [$ ]& n y6 X
var yMax;
* B- c, v- v4 w6 xvar xPos = 0;4 K6 \- @; T# a4 h2 `3 X! c
var yPos = 0;. E! P l; p. R# L5 E* A
var xDir = 'right';
* `7 K1 A* }# |$ P( Avar yDir = 'down';
5 B, M$ l) Q+ t' evar superballRunning = true;$ m. r6 p$ D( H8 z
var tempBallSpeed;7 G4 p: x2 s- w' _" g) J
var currentBallSrc;
! B0 q) e+ i8 C) _: M4 t0 W+ M5 Jvar newXDir;
; E9 z0 R5 |6 h+ A" {var newYDir;0 C/ J% u* x! A6 w
2 G3 c3 k6 W" o4 s! n. e Y
function initializeBall() {
# z2 P5 ~2 \$ D( @( i; ~ if (document.all) {
2 i8 F$ Q# s9 z( f4 @0 ^0 S* X xMax = document.body.clientWidth
' w C3 E0 f/ O yMax = document.body.clientHeight4 M! C: v3 B% F3 {% P5 r
document.all("supertext").style.visibility = "visible";
/ f6 c' n3 l& B8 t0 D7 q* Z, E contentWidth=supertext.offsetWidth
% Y4 Y7 i0 `. g* C9 d contentHeight=supertext.offsetHeight
, Q. r# u; ^- `' M) M% }# @ }
3 f- w4 w7 z9 p* M else if (document.layers) {( a2 |! }, J4 u: t
xMax = window.innerWidth;
_& k: A+ S# t- t yMax = window.innerHeight;
, _. @4 B3 n$ H: Z# ?' h contentWidth=document.supertext.document.width& e6 p4 E' s# E- E0 K: Y; f* y0 c. W
contentHeight=document.supertext.document.height6 Q# ]6 M6 C# V( m+ x6 M6 H5 B
document.layers["supertext"].visibility = "show";5 M- t1 w) X' X
}" z/ S/ T% j. d3 a9 m
setTimeout('moveBall()',400);3 r/ l: a v0 ?. n. Z/ F- j! ]* U }
if (hidetimer!='')+ h/ }: {" w+ Q6 n
setTimeout("hidetext()",hidetimer)1 u. G; z0 E! X9 d6 m8 ~ M
}1 T4 T' K! `& c
1 u( U+ b+ W, L" d, i6 p
function moveBall() {: v' r2 m! I( K6 Y$ \! H4 L4 y1 Z7 c; d/ S
if (superballRunning == true) {1 S' n$ n/ H3 O: S
calculatePosition();
" b/ j* K: w9 C& Z# S4 e if (document.all) {
2 K" ?3 S; r9 O6 r$ b4 u document.all("supertext").style.left = xPos + document.body.scrollLeft;
. R2 `$ k* q) ^) | document.all("supertext").style.top = yPos + document.body.scrollTop;
/ y9 z2 V7 o- N/ m/ X }
" G1 y; N6 u4 m9 A" K! R else if (document.layers) {4 b2 g- L o+ n- Q, {
document.layers["supertext"].left = xPos + pageXOffset;# d# [' |/ N5 o; |' g) q
document.layers["supertext"].top = yPos + pageYOffset;8 w) ~5 J8 u0 |/ R
}
% Y9 n1 a1 E$ v. X; @: d7 q animatetext=setTimeout('moveBall()',20);; D: l5 H; q1 T5 e6 \
}
% D( i! m+ O/ a+ D0 U }
% M4 f1 D' k/ \
4 P% n: N7 [7 k$ X" ~/ [function calculatePosition() {
( u; e0 I- ~ H3 o if (xDir == "right") {+ a8 Y" o: r- e, ~
if (xPos > (xMax - contentWidth - BallSpeed)) {
! f- e) }6 n1 h- Y- o% M: Y5 J% \ xDir = "left";
% d$ S/ l/ [: ?8 q0 E8 S. t }0 e- Y: i+ k" |5 o" [
}
, H- h% ^$ g) [4 R else if (xDir == "left") {
4 k1 k' \, M% F& b if (xPos < (0 + BallSpeed)) {1 K! Z; Z! I( q. Y6 p
xDir = "right";7 G4 U2 ~7 ~( J7 G' z
}
* |' u6 V% O) T0 M }
% w4 O2 ?. D7 w- y% d if (yDir == "down") {
/ A; O8 [4 [( N if (yPos > (yMax - contentHeight - BallSpeed)) {
- @! p8 `# v) x: n: m4 L/ Y yDir = "up";; w, E' r% o2 _1 F2 z6 |
}
9 _* n2 Z4 A( ^' x& W9 y$ H6 f }
8 \) X8 S( m5 H- g7 V6 a else if (yDir == "up") {( Y$ _' t$ g, a- H& u' j4 V
if (yPos < (0 + BallSpeed)) {
& C) v' R3 X* j* T# {% v) _ yDir = "down";
4 I' e. E$ ]9 T. O) R$ L; y* G }
4 P6 O; G; w$ }6 e. {/ d r } v4 S9 [2 {1 T: m, Q& b) I
if (xDir == "right") {
% Q) `9 t. R: G- e3 Y xPos = xPos + BallSpeed;$ N; g6 d% |$ s4 [- S
}, ?$ T' v K$ {3 `- T* H& k# e
else if (xDir == "left") {
1 _: M+ C: i6 o, C0 K xPos = xPos - BallSpeed;
: o `( F0 |! W- S# V }
" b8 I# @) E5 I2 Y6 N: t! }7 C0 S else {
. S) M. J' j4 X5 k/ Q n xPos = xPos;
! K( W+ o* `9 N3 E }
* }, t4 h- ~5 }* Z. p% B if (yDir == "down") { Y! K2 g9 ?& c
yPos = yPos + BallSpeed;1 G3 o7 b! ~( u3 [
}' @* I9 A2 H" f
else if (yDir == "up") {
% \% K0 O$ B- y* b1 h8 ] yPos = yPos - BallSpeed;3 X: A/ `0 Y: b0 D
}
5 g* K! k6 C' K else {8 q5 c5 }' c/ i& |$ j
yPos = yPos;% G( |+ t4 V% c- ^
}
3 [! B5 D" U& T+ c+ \ q }: J' a! x5 |4 n8 @$ h; r
2 k' a3 V$ l. i
function hidetext(){
5 Z9 z6 P* B, [, e" G* qif (document.all)8 M$ a' `6 ` B+ g2 W* q" p
supertext.style.visibility="hidden"0 j2 H2 X( D' ?. E0 |" P9 s3 n
else if (document.layers)
?# N# ], X; F+ `document.supertext.visibility="hide"" B# P S G; V1 ~& c, x
clearTimeout(animatetext)3 t& C+ X( J6 z2 w5 s$ m6 W2 ~) _, K
}" p) L& _( A6 @; |! r
$ w/ E7 W, u- P) Eif (document.all||document.layers){) R; _ C/ `" B1 N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' l1 v5 s4 L2 X- Twindow.onload = initializeBall;: h# c* Z+ u: d# H% n
window.onresize = new Function("window.location.reload()");
4 D$ E; ^: K4 c}
! `! x7 K5 r$ L* t% L; n
' R3 y. O; c. Q }</script> |
|