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

|
网页之不断弹射的文字-特效
<style type="text/css">
; H' @' y7 C& [2 Q" p4 _#supertext {
0 R& d& f* n# {) \+ O; w2 Xposition:absolute;& m9 B. N( g' x! g# w4 ~
left:0;
3 o- d I/ |& N; N* Itop:0;
! F% a3 L/ ~, Yvisibility:hide;
& Y7 v* T4 I* o/ L- `visibility:hidden;0 |/ L- P2 R1 d. o
}
& C7 s+ d" K7 h* y</style>, M& y5 j! X# I) m- Z$ J) K1 X V
<script language="JavaScript1.2">2 L) [& u: \% W _0 {6 [1 G
<!-- 改变下的字体的大小。颜色-->
* A+ ~, X9 p! T6 p/ @- f* S- Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; b& X/ q% ?) U8 V# v* avar hidetimer='';
4 C% f9 m: V# h2 }1 p3 g3 X* p, b! H<!-- 改变下的弹跳速度-->
& O, A6 _. c6 `) r$ Ivar BallSpeed = 20;4 `) Y0 { r$ ^0 G8 ]
var contentWidth;
7 o2 H$ J( B8 A9 h3 Z lvar contentHeight;2 E Q( l. b9 d4 V( ]
var maxBallSpeed = 50;6 k: ^( J& j v% i1 }* z% y
7 u, |; i3 J" x& U! z9 \
7 A+ [7 S9 U7 W" T; g4 Evar xMax;
# E" J8 X. z( t! }. }+ \var yMax;
- H# L2 E: c, k9 dvar xPos = 0;
# v1 E( O! G5 ]7 s! d3 Yvar yPos = 0;8 p- S. R5 I& d/ R, |5 O
var xDir = 'right';4 n- N$ Q4 t3 Y" @ J
var yDir = 'down';
B" y9 }! u3 y* C0 M8 fvar superballRunning = true;
& m+ |0 @( J& f+ H, i8 i' vvar tempBallSpeed;
0 W8 _# l$ Y. U$ O, w/ P. I8 Cvar currentBallSrc;
' x" }9 a/ N" s8 H/ X& K Z1 ]var newXDir;( V- G4 F* `9 J: n
var newYDir;
) x9 K& K, w1 V# w2 I2 \
" K& N3 P$ b' k5 h# |function initializeBall() {
% `& n, @- w, ?8 F% @ if (document.all) {
; a, [# ^/ t+ R5 l2 Q xMax = document.body.clientWidth
0 }& p( u5 N" }. @: [! D yMax = document.body.clientHeight& j$ C+ U. Y* Y2 k
document.all("supertext").style.visibility = "visible";
9 U9 `, c' U* G1 f8 r0 T' F contentWidth=supertext.offsetWidth' x! e( l; z$ O- b+ h
contentHeight=supertext.offsetHeight
" c0 J) O1 j1 u: ]: e+ b* d }
6 \6 g$ d0 `( v. C else if (document.layers) {
! D: g. b4 P/ `' Z4 k2 Q* n( B: P xMax = window.innerWidth;$ y8 q+ u J# k
yMax = window.innerHeight;
: V1 @. M" ^1 w contentWidth=document.supertext.document.width. Z1 Q% B! z- T1 [# h% o: S1 q D
contentHeight=document.supertext.document.height' K: n& E* e1 L: t. s ~
document.layers["supertext"].visibility = "show";/ P+ c) K6 p- F; r! G8 @9 V- o
} A* [# d, u/ e. p7 p+ I
setTimeout('moveBall()',400);7 R. R2 b: {2 [4 }+ e9 R
if (hidetimer!='')
) n# Q3 x9 {9 v& j1 m setTimeout("hidetext()",hidetimer)
% F1 G0 b3 i' d7 Z }7 i. m- ?$ C% k }0 y
7 T1 m. p6 k9 X Z! Z3 `- ?
function moveBall() {
6 r! U8 Z1 _* c m+ s if (superballRunning == true) {" R b6 c# T5 C+ W% D0 V/ c
calculatePosition();* Q9 g7 c7 }5 b7 [" `
if (document.all) {
1 v) A6 S6 f& n' h2 n document.all("supertext").style.left = xPos + document.body.scrollLeft; C6 g; P' R# @8 ?
document.all("supertext").style.top = yPos + document.body.scrollTop;4 H/ M+ [; { p+ _4 z a6 q
}
, [ y* y- G% g- Y2 B( n1 F) D3 w else if (document.layers) {5 E8 w# d" b* U* |
document.layers["supertext"].left = xPos + pageXOffset;
1 T( R3 f7 r$ S* p document.layers["supertext"].top = yPos + pageYOffset;# k4 b% N& b/ V8 W& ~1 W2 t1 P: }
}
$ H; Y1 M6 S" x, q/ Q animatetext=setTimeout('moveBall()',20);
) [6 f. C( W7 W. w }
y: r! ]$ B$ |* | }
; L3 ` K$ H) W) l @" Q( Y7 K
' Y" b/ c1 ]. U! d5 gfunction calculatePosition() {% j! x, {9 V' x ^
if (xDir == "right") {
$ v2 i$ b7 F" K/ c if (xPos > (xMax - contentWidth - BallSpeed)) {. | B j5 e2 F+ A
xDir = "left";2 E7 ]- a p' U' I/ V
}0 m) h) [+ O9 C3 F3 ^
}3 M+ t! b" C' k, V6 a' L
else if (xDir == "left") {
4 P& \) W+ Z+ F- F& A if (xPos < (0 + BallSpeed)) {* R8 p3 ]( a) u* M5 Y
xDir = "right";! ^2 P- O5 t- ~! o! q' q. e9 u/ X
}
1 T8 w$ }1 e4 q& N2 M: ? }
# [4 _- f' C+ u+ i- t9 J) d if (yDir == "down") {
; {4 R0 s' \% ^8 d( d6 y" _1 D if (yPos > (yMax - contentHeight - BallSpeed)) {% j7 G* E! K' O' C! c/ Q
yDir = "up";* ]1 I+ t6 Z/ j; A Z& b- T8 |
}
9 O( u+ r1 r2 n# V2 S# N }
/ m' Z' V, F; E& p. o" Z9 A else if (yDir == "up") {
' ?% U) c9 f( Z- y1 ~$ x' B6 l if (yPos < (0 + BallSpeed)) {
/ u6 r/ C* X, V yDir = "down";
# U) j% u+ ^- F }
( h$ ?. s. R% G% E- p8 W }) C, M* P$ f5 R6 n8 \
if (xDir == "right") {2 z ]% F I* ~/ D" l2 Y
xPos = xPos + BallSpeed;
6 i1 T0 L! _! B. f5 n8 x) v }
/ b' q& C& B, W, w- q( M- U$ _# B else if (xDir == "left") {
% S0 W, L8 w# n. V) [9 s! e xPos = xPos - BallSpeed;' E/ l% p* v. y* N$ C0 t5 G4 T. l
}
7 u. k- g3 P F3 J3 {) q" Y; b else {# k) m* {- a4 C+ Y% b! C* x
xPos = xPos;0 l7 S8 M, n( u% n4 S6 Y& ^- d
}2 k) p: ?, Y) p& Z; b
if (yDir == "down") {
- S6 C9 {5 |$ _ yPos = yPos + BallSpeed; ^$ n. A! _8 C8 q
}0 B' ~0 k) w6 H+ R, d& d
else if (yDir == "up") {+ r, r; ~3 C4 ~ t$ ^8 m, m5 Y
yPos = yPos - BallSpeed;
% Y/ Y5 ^; p( y! X }
6 |6 f3 z* k+ X' J& M2 ?# \2 C else {
8 v- Z1 O! s" k8 |' ~0 _" E8 B" W yPos = yPos;
/ ]$ ^0 k3 _& ^' G% g! x }
- ]) B1 R, E+ e& h/ G6 d: \ }
5 M6 H% _1 ~& H4 G& D. }, d, A
8 ]: n& q& z6 F5 z) G- `6 f/ l; _3 Pfunction hidetext(){
% E2 `4 |& q _, B/ @if (document.all)
7 g! R' I" l+ y0 d* Wsupertext.style.visibility="hidden"
/ A! i3 o% j# o# H# t" J' i, Kelse if (document.layers)
. s5 }$ s9 `; ?4 U" A, kdocument.supertext.visibility="hide"* j; \ R& X6 j
clearTimeout(animatetext)
) ~- J" H! `& w% P' ?}7 B+ z( Y6 S, Z
, \6 k3 f! |' S, O
if (document.all||document.layers){
" W' }" j$ h8 m/ v$ I- Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') @: H8 A5 l; W
window.onload = initializeBall;
& ?6 C7 X6 @8 W) hwindow.onresize = new Function("window.location.reload()");
! c, C2 p/ J$ \}, |7 i$ @1 R. g# h c
/ D0 P) W- \, y
</script> |
|