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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 Y* p+ X9 x0 n1 x#supertext {
! z3 m2 b+ b$ V$ B4 g1 F- F6 Xposition:absolute;% B3 ?) P0 v/ L. M
left:0;6 b1 L; J) U+ Q2 [
top:0;7 `1 ~, G2 X0 T/ }7 d! I
visibility:hide;
, i' h% Z# d! H, U9 O3 mvisibility:hidden;0 o1 E9 V: G" n) [) z
}
" U) h9 X4 p# S& b</style>
/ {% W. `3 C6 T& D) }<script language="JavaScript1.2">8 t- i/ O. V+ _) o
<!-- 改变下的字体的大小。颜色-->
# M2 V3 G9 G/ v" P0 ^# |var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' D- u, g( D7 D
var hidetimer='';
2 H5 w6 K* t7 \0 y" f$ N! @5 V7 Z<!-- 改变下的弹跳速度-->5 ~" E. ~4 S+ a3 f9 D5 i
var BallSpeed = 20;
# l+ v, v9 i3 a: H9 z( f/ b( |var contentWidth;! V3 W. Q& N$ W4 w$ d3 j6 ~8 S( }
var contentHeight;4 x& g1 K! i& ~+ b7 v0 {, O$ Y3 }
var maxBallSpeed = 50;! e4 L# {8 Z! [! t, u" N* F
" F- A: }& g! [9 i4 L
* x& k$ M9 M. F/ K9 }/ Ivar xMax;! H; b" c: k2 z& w" y
var yMax;* O+ K$ q# ~8 i2 T- f
var xPos = 0;; f! t4 Q7 I' @! F8 N$ o, R8 @, C
var yPos = 0;
3 q- _: _# p9 Z" n; Ovar xDir = 'right';
9 r+ ~! I2 `" Xvar yDir = 'down';! W8 T) `. U+ p7 C2 N
var superballRunning = true;0 Z m; r& q; W |
var tempBallSpeed;8 \5 M8 t" \* m0 T+ p; f! X+ M
var currentBallSrc;; E7 f& b6 c# j) I$ r9 `. M4 ^
var newXDir;
8 y9 d* [, k2 ?# l# \var newYDir;
8 k' v S3 d3 I
# o% q) p) g3 u3 a: kfunction initializeBall() {% D4 X- _0 V. y- d x, s
if (document.all) {/ R2 y9 d- {2 s% T8 M
xMax = document.body.clientWidth8 B! l5 l8 P' o7 B3 O
yMax = document.body.clientHeight. V* o; b0 i. Q7 Q
document.all("supertext").style.visibility = "visible";5 g* m3 ^: w7 v7 K& V) H9 A; Z9 ^
contentWidth=supertext.offsetWidth! C0 T' E) I. ~& }
contentHeight=supertext.offsetHeight
( S: Q# e# @2 G- U. A) o& q% B }
, i* Z( I# ^" w% `, @7 _# r% o else if (document.layers) {
" C; _. Z/ w) J( X9 t xMax = window.innerWidth;
5 _; o6 O0 M8 G+ t yMax = window.innerHeight;; e7 O' p) ?# h2 E! {0 X8 Y v: U
contentWidth=document.supertext.document.width
. {" ^! }& r- ]) p G, p+ l9 b contentHeight=document.supertext.document.height
0 g) y+ s3 T6 V: ?$ i document.layers["supertext"].visibility = "show";/ b8 m" M8 w9 r/ _0 d, u# H' }
}
Q/ {% Q" G$ j. k1 w setTimeout('moveBall()',400);. o' q& f# g( }- z. O, b
if (hidetimer!='')- R" f' U. }% z
setTimeout("hidetext()",hidetimer)' D3 S& E8 [0 a, r' ?/ q. `
}
, B) e8 f4 I. A0 N
( V3 I0 }0 R% v9 Z! I) }function moveBall() {
; H3 Y5 d% ~5 o if (superballRunning == true) {
! L4 q- l3 F* m0 E8 A calculatePosition();/ p$ k3 E' h+ u+ b
if (document.all) {9 {/ e4 e& Q4 v) ~5 y0 J8 o! B
document.all("supertext").style.left = xPos + document.body.scrollLeft;8 c4 W- z; ]. x! U
document.all("supertext").style.top = yPos + document.body.scrollTop;
' \: I! x0 b" W6 {9 a l }9 R4 ~: A m- z% b8 S+ I
else if (document.layers) {: Y7 o+ D5 ]% C5 l' d( d
document.layers["supertext"].left = xPos + pageXOffset;& D% |6 V; _+ b: {3 e6 y
document.layers["supertext"].top = yPos + pageYOffset;
' X, Y& B9 c' o- q9 S2 |( K% u }
* E0 ]8 }: J2 G5 o2 \9 B animatetext=setTimeout('moveBall()',20);
6 i" v7 Q1 U* f& @, \ }
& r+ K$ u8 \5 ^. p! p7 U }+ v* A6 }8 Q# c9 ^2 v: O v+ Q
( Y& Z' G2 e; |2 |+ A
function calculatePosition() {) |7 d6 T; V9 T
if (xDir == "right") {
7 ]8 p' Z# G" b( r6 S8 [1 j# b if (xPos > (xMax - contentWidth - BallSpeed)) {& i( g& r& Y; n) I- P+ J* k
xDir = "left";4 ~. }$ i3 B# P. \- Y
}
g; k, {' u8 k7 @/ R. u+ S8 C }
! a) g6 R; G0 O! e$ E' y4 R& { else if (xDir == "left") {' v: \; S3 z! t/ K, c# G5 D I. B
if (xPos < (0 + BallSpeed)) {
( ?# W6 s3 p$ K8 l0 q xDir = "right";
. U+ P3 q# \8 p6 m \2 n }0 Q5 Y2 s: \! ]7 k4 ^; i t
}
$ U7 u4 N5 ]! u& x" L if (yDir == "down") {0 W+ L. b& ]% T# t- k% l4 ]
if (yPos > (yMax - contentHeight - BallSpeed)) {: k9 q- p8 [# C8 e
yDir = "up";
: ?: d- Z$ G" ~& R+ s. O7 L$ @5 O }
' \, b) m0 A M7 G& M: [4 A }
) ^6 N" l; J- P6 w) M, G else if (yDir == "up") {) k: p- [6 Q+ n! _0 |: t
if (yPos < (0 + BallSpeed)) {7 b+ c- {3 | B: S/ m% T2 ]
yDir = "down";1 H4 i( R' ]# E5 w) U& v- A" {
}1 L; M' O. n/ Q, K% s" H
}
) _1 M$ }$ [; T$ S if (xDir == "right") {* I" `3 i4 ~. ~2 T3 v/ G. u0 B
xPos = xPos + BallSpeed;
8 F$ ?% r: j2 t2 G }
7 t' r, \7 M J: ~$ H; e V else if (xDir == "left") {, |' j( E4 M9 v3 O7 ]+ O: g
xPos = xPos - BallSpeed;
3 I1 M7 O9 ]; }: Y# U }
* X7 l$ G8 _% @+ n" B+ i! G5 h else {
" I2 n+ a, j2 o5 W xPos = xPos;9 b/ X" ]! M8 W$ p$ M0 _
}9 I& z, V( L" E2 |# R3 d
if (yDir == "down") {
6 D( c, s! x; d' H yPos = yPos + BallSpeed;
4 m$ y) Q+ o% P2 Y }
/ [0 D F! b" o, }8 r1 W q else if (yDir == "up") {
( D) G% ~/ I4 b8 q0 } yPos = yPos - BallSpeed;
- O: B) }& \7 _$ B. W }
; h& i E7 M5 ?8 n8 R7 p else { E9 a) p4 q+ l: }! |$ P
yPos = yPos;
) ]9 N0 v( l# W7 c0 H" c }' {: D3 z7 f3 f6 ~& M X
}0 T& o& N/ }; n- M
' f1 W+ @ Y# S0 [* Y
function hidetext(){
3 i4 d2 D, M- Y% {$ b3 ~" o4 k9 n% aif (document.all)! Q1 T. Z- ^( ^6 b- ?3 k
supertext.style.visibility="hidden"
* \& R" H$ p! E( `# A3 _else if (document.layers)6 q; i* d4 ^2 _
document.supertext.visibility="hide"+ a! A5 F: T1 \5 l2 A& h1 b
clearTimeout(animatetext)+ v, d" e; l$ Q$ M; o
}! S+ k- V0 V' Z6 k; t" b2 e
9 o$ S7 a; W+ U/ fif (document.all||document.layers){
$ v `7 \; g% {8 n8 V" X0 p: tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 E7 |( V4 b6 ^/ ^( Dwindow.onload = initializeBall;8 H2 R( h2 R' }2 e
window.onresize = new Function("window.location.reload()");' p/ Y( ^! z2 [8 X! d, p
}2 Z6 d/ n9 B0 _$ F" e ]# C7 t
7 Q9 D4 j: l, k4 A
</script> |
|