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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ B- C0 U, X5 L; M1 y1 g& {#supertext {* I- g( X/ g+ q2 h# _# I+ }
position:absolute;
! w; [& k8 o" Tleft:0;& I: ?# A# d9 O7 v
top:0;& [4 a7 s. Q3 E6 Q/ s: C
visibility:hide;+ @+ H% B. n* d2 C" y
visibility:hidden;
! G$ u. a5 T( p/ r2 ?) C}* e: ~* U/ a+ b* k" d6 |6 _
</style>$ k3 W! [& j/ Y4 x4 e& {' T0 Z
<script language="JavaScript1.2">
" b; m( ~% s" ]. z b<!-- 改变下的字体的大小。颜色-->! S. G1 m; v, q8 d; c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& @" l) M+ ~, T
var hidetimer='';
+ ~- A, ~! @1 p2 m5 P ~ | O<!-- 改变下的弹跳速度-->/ S; C6 T2 X" R. d- Z! T6 j1 Y4 X& {3 y
var BallSpeed = 20;
6 b5 l, s& t( S3 F/ O8 uvar contentWidth;
; a/ r- r+ ^# X; F5 K+ ?& Uvar contentHeight;
$ D4 q- [4 y+ f4 T( Z! v6 e Avar maxBallSpeed = 50;. R H- v+ H: l8 X
& k5 c$ y# N# c
, ?' ]3 y( z4 A& _. p6 W& rvar xMax;7 B; \- z. S8 v7 M. \5 D, k& T5 \) x
var yMax;0 _: D7 a5 O" ]9 P$ |
var xPos = 0;
) Z' p8 n* F& e! L) J4 i- `1 x* {var yPos = 0;
3 {5 U/ x% d- [2 D% cvar xDir = 'right';3 k3 l8 k( x- g
var yDir = 'down';$ x; J, c. }3 a, l& \
var superballRunning = true;% y/ Z! J J6 P' K: D1 P; \ z6 G
var tempBallSpeed;, S* O" C2 L! p2 f% y1 H' P
var currentBallSrc; V3 U1 j- o9 {* O+ w8 ?
var newXDir;1 l$ |. Z! W5 d; f" ?+ ^
var newYDir;
' X6 r1 j" i. M: A+ p7 U- ]
1 |( ^) X1 `8 d! Pfunction initializeBall() {
3 Z4 W8 b- a" l; s5 J if (document.all) {* [6 |) V' [8 E, }
xMax = document.body.clientWidth- ^5 H) t) S D5 v$ Q
yMax = document.body.clientHeight
9 y; L$ f- k: z$ w document.all("supertext").style.visibility = "visible";
% n( a/ ] s$ r# Y" J% F" t/ s contentWidth=supertext.offsetWidth
3 Q5 e+ k/ S5 R# `+ z contentHeight=supertext.offsetHeight
7 z* t4 x, N) j& x1 z) P) M4 g }4 P6 I/ X' u( t4 a
else if (document.layers) {
, p! u' P& B; x9 j$ q xMax = window.innerWidth;/ n; R2 z k7 s. J6 l% N
yMax = window.innerHeight;
" y) \+ `+ }4 C$ Q, p contentWidth=document.supertext.document.width) V- K9 T# x9 X
contentHeight=document.supertext.document.height
1 T7 C6 }9 h, a% e1 H2 ]$ E4 F document.layers["supertext"].visibility = "show";
: [# Y, Y0 _' t' z2 Z: }% M0 N' | }
5 ~- D: D0 T: m E6 w% N, `7 n setTimeout('moveBall()',400);
' m( o# {' D6 u' b if (hidetimer!='')
1 w- x# }% J0 z3 ]' p setTimeout("hidetext()",hidetimer)' M- B' O U; l: N7 s5 [5 E2 o2 ]
}- H$ w& `/ h* |5 h
, I) `$ t/ [. _$ m! F8 Z" b& ` P6 B
function moveBall() {" q( N9 k' r) |! x9 p! d
if (superballRunning == true) {
" K; G; M9 }4 z" o" S1 a- f calculatePosition();; X$ i2 o# K5 A0 q
if (document.all) {
7 |& K8 S" U, ~0 g6 P" }/ R document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 q$ E0 U. H. A* ~0 e document.all("supertext").style.top = yPos + document.body.scrollTop;
, Q. w! `) N/ p; O& } }
8 u9 Y* v7 B. g2 z( f else if (document.layers) {3 i* v+ t Y l1 S% V" Y% h
document.layers["supertext"].left = xPos + pageXOffset;. `0 x5 m6 `, U' M
document.layers["supertext"].top = yPos + pageYOffset;
% y# |; G- C0 v6 f }
4 _* K6 p) P+ @3 [2 z animatetext=setTimeout('moveBall()',20);2 A6 j: O5 S! j: _0 V g
}* C2 W3 K, d9 K9 J& r4 ?% ^# Q
}
; b& ^4 ^0 m$ L( i/ M7 z7 F! c' ~' e
function calculatePosition() {
) W5 ^# N( g: v: t5 N if (xDir == "right") {
( U, p! Q- ^" s if (xPos > (xMax - contentWidth - BallSpeed)) { @: o: y; f$ o4 x C4 I. D; A
xDir = "left";. `: }: ~, X' c: B
}
C7 l# A* ]! V' {) n }
8 D$ @" v$ F6 S$ N- J else if (xDir == "left") {
2 u& }3 x; |' E k. P" S if (xPos < (0 + BallSpeed)) {2 b6 w$ K5 v& b
xDir = "right";% @) U% r `/ C( O, j
}
5 W$ q- P% p3 f/ s- k1 i8 D' @0 s }
# O% u6 |/ }% G) [) x if (yDir == "down") {
0 V2 l( ~! `. T! { if (yPos > (yMax - contentHeight - BallSpeed)) {" H! [) C) H" `2 @9 G
yDir = "up";6 V- f* K9 w4 B% { c
}
8 `- w. K: |! Y# x) ` }. l& ~/ T. t; f( a+ k, ~0 l
else if (yDir == "up") {
+ b1 o) `5 I$ B+ g5 w3 G4 K3 \( m if (yPos < (0 + BallSpeed)) {. d0 {2 b) u5 n( I5 w( }/ r
yDir = "down";
5 i6 A5 G: S: \5 @- d }
6 U, |+ }8 R2 E }- c9 ]! Z" x# T3 P8 V! R
if (xDir == "right") {
+ e. A! m5 @0 s6 ~ xPos = xPos + BallSpeed;
0 r& {$ b5 |0 _. { }
6 D, j# S8 j8 K4 g4 _4 P else if (xDir == "left") {. o5 m& S+ _, X
xPos = xPos - BallSpeed;
5 v& G2 A- F( a8 B0 ~# z }
' G+ Y& j; `8 j& T8 C9 r9 e$ q else {
' L5 V" W4 X: e) a. `9 ]+ ]4 w xPos = xPos;
( u- ~2 q5 D% Y! Q }
2 x: J6 Y3 {; A+ s if (yDir == "down") {
5 K7 M8 }1 R9 u q3 ~8 x, k yPos = yPos + BallSpeed;
% U: R: Y$ n2 O& g, L. g% u1 [5 K }
7 U; T3 e, I# @2 {; z; a% D else if (yDir == "up") {
/ o2 J& ]. W$ S yPos = yPos - BallSpeed;) s5 I$ T x$ ~1 w
}7 g& m0 w" g w1 h7 b
else {; M7 I5 J. \5 Z8 `0 {; x# r% F4 @) A( H
yPos = yPos;
& s6 n7 g% H( g8 |7 U }
`/ ?" k3 [3 r+ Z4 c3 s% M( N }0 j3 _) H2 R2 ?, G, O) Z
9 Z4 C: s% C, L0 \' b; Xfunction hidetext(){/ F0 }" r9 R. y3 u! O
if (document.all)
* G7 @( @9 L# Msupertext.style.visibility="hidden"
: y) Q1 p; o3 i o: T! w* v: Qelse if (document.layers)
9 F4 Y0 j2 ]/ Q3 P! X7 |( h rdocument.supertext.visibility="hide"
8 |" I3 z, l& K. UclearTimeout(animatetext)& w! c( n/ e* ~( w% o0 e
}
5 C5 u- k& J, u, o3 i+ J( n6 k
5 Y5 A: D+ g# z/ H: U) Kif (document.all||document.layers){
# }- k/ a# O4 o7 Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( b0 ~. B% n. mwindow.onload = initializeBall;6 _% M R# E) L- t, V6 I0 c
window.onresize = new Function("window.location.reload()");8 x- \0 D" O% P' Z
}6 y' K' _# X. D5 c0 O
& [6 C% @ R( E1 {' V% u3 @ d% s</script> |
|