|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
3 M9 ~/ U, d4 I7 `4 q#supertext { p, J7 b0 F/ b# e: C+ ~; f+ H
position:absolute;: o: ~; z8 {$ T, I3 @% _9 c8 R
left:0;. e. K) f$ I, n2 E8 ~
top:0;
3 p* f% H6 S, `" Rvisibility:hide;" E% w8 c6 X7 }
visibility:hidden;
. o- {0 r- J7 R6 E8 n}
. [( y* ?1 Q- b1 n- \; Y</style>
4 U3 E5 C; H! k" {2 ^4 m! M<script language="JavaScript1.2">6 x' Z9 u/ _: l
<!-- 改变下的字体的大小。颜色-->
$ A- N" W- _. J" v$ X+ Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- n, d! Y8 M2 w" @- o8 Z% B. s$ ^
var hidetimer='';
" [ j3 P) S: _0 }- W {<!-- 改变下的弹跳速度-->. E: C$ @* T* h; B. w
var BallSpeed = 20;# X% O6 B Z o" }
var contentWidth;
4 `$ `; s1 ~! h) r# R& j. ]var contentHeight;
- S, e) D1 N: E9 r3 \8 nvar maxBallSpeed = 50;
, X8 h6 R0 }. x& |! z& M" e" ?4 J6 q. i& s/ f
, d4 {6 \; j2 ovar xMax;
1 M, L3 c" |& S: a8 `var yMax;: M9 W/ Q! ^) }
var xPos = 0;5 K h* ^ @! G; \4 R3 I
var yPos = 0;
0 d7 }$ ?$ b* \* p$ Y2 lvar xDir = 'right';; M+ ~- a" l- R) R7 S5 g
var yDir = 'down';
# K- m8 I- K: g% y/ Q8 S) cvar superballRunning = true;" _2 A- ]; E) z3 F. m9 O0 C# w
var tempBallSpeed;
! g: Y9 J5 l7 i4 }+ Z1 d, ?/ ?var currentBallSrc;1 b5 m' K# W" v) r/ h1 \. ]- ^
var newXDir;
0 h1 i# @$ K: l8 I7 v5 q6 _var newYDir;+ W$ T( S7 e2 n: B& @7 a b; Y3 s
1 {) s# Q. C6 J! O* _function initializeBall() {
! O8 k( a$ u; [1 {2 r, a6 T1 }6 @, ]6 m if (document.all) {3 s6 \. v7 a. d* M
xMax = document.body.clientWidth
( Y; P$ X/ |, p9 v9 y8 ]% Y yMax = document.body.clientHeight
# T: @2 v* {9 J) B+ ` document.all("supertext").style.visibility = "visible";
: @/ }1 A, j9 W$ x, G contentWidth=supertext.offsetWidth( R, ]8 @, @/ E. {4 k: R9 E
contentHeight=supertext.offsetHeight
, ?; ~/ w: R7 R' L }
! M; [) |: Z6 M else if (document.layers) {) P1 G! _1 h6 r X6 k
xMax = window.innerWidth;5 h. J, w9 x; p
yMax = window.innerHeight;/ D5 e1 V3 O( ~# x1 v
contentWidth=document.supertext.document.width
% P1 i. }4 ?+ Y9 s3 R contentHeight=document.supertext.document.height
) P. I0 T! M$ I" ^. ^! z n0 ?/ H document.layers["supertext"].visibility = "show";" p9 F' Y/ r9 K# x2 o) I
}- A$ `9 v/ P. T. k
setTimeout('moveBall()',400);
7 u+ m2 d. ^! N) {4 O/ M if (hidetimer!='')
% x, v' }; n6 L- R# W3 v setTimeout("hidetext()",hidetimer)
1 ^5 \. W6 F' T6 }8 e4 J( F! L }
8 @; ~* W t$ S" `4 F4 l( x4 C, t/ B% A; m& ~" w# p$ h
function moveBall() { Z* g( x5 @: |) N5 R
if (superballRunning == true) {& L/ Z7 p+ o: `( H0 ^3 Z. y/ l( A
calculatePosition();! I- k! s$ k. p1 t; L
if (document.all) {( I/ K* m! E s2 g- Y9 u, N# r$ i6 ~
document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 C/ M- P& ]* V1 [4 T; g document.all("supertext").style.top = yPos + document.body.scrollTop; _" V, M0 C+ E! l6 V
}! W' M# {" N5 G' _
else if (document.layers) {
% V4 ^3 y) y3 [, y. b document.layers["supertext"].left = xPos + pageXOffset;4 M: p$ U1 i& {: @& D0 Q
document.layers["supertext"].top = yPos + pageYOffset;8 w" J+ M: S$ Z# N- v
}6 j1 L1 ?* e' V, x
animatetext=setTimeout('moveBall()',20);) e! h6 r2 @7 z" ?/ ?7 q* }
}
' b, |+ T' Z l }. y9 F) _4 L9 H& E' T
. F3 |3 x; X1 @/ @
function calculatePosition() {
" M5 E% d: Y, o9 |9 n2 z* p if (xDir == "right") {+ e! ^: w0 n- ~: R% B
if (xPos > (xMax - contentWidth - BallSpeed)) {
' d4 ]1 ?5 z. k4 E. b xDir = "left";' c% y7 s1 Z4 m) w- Z6 u
}$ m5 H6 z! h) y: r9 j/ c) {% c
}" R$ a7 v% G5 w' {) P: n; V+ ~$ U
else if (xDir == "left") {/ w0 |( \! z! `6 d4 l5 d
if (xPos < (0 + BallSpeed)) {3 d2 f" z& a$ m, s
xDir = "right";: M9 _& e s3 M; H4 k# e7 x
}
% N( ?3 Z" _; P/ l' e }
' f6 B* \6 s) q" `* H' |/ H" E, m if (yDir == "down") {
& I0 L; ?2 w/ {, S F# U. [ if (yPos > (yMax - contentHeight - BallSpeed)) {8 M, O5 ~5 z1 \7 }( Z
yDir = "up";1 _0 y7 v9 L3 z( w: e- b
}
2 Y- q7 w# u* Q9 G; d4 l }
+ B! a3 |- y; \* L$ {3 q9 [, X O else if (yDir == "up") {' \; _. z& b6 d" u- r: G8 M4 ^
if (yPos < (0 + BallSpeed)) {
& y) c! C, @% C/ K' c f4 w yDir = "down";3 e# \$ l/ O9 B$ |; Q0 G
}, I4 L) M4 i" p, I/ |* g' N ?& `
}5 G% V& b( f; L) z/ Q5 q
if (xDir == "right") {
. ^/ \- n& K: J% @( Q* z' n xPos = xPos + BallSpeed;$ H5 I( W( j. v5 Z- O; @9 t' z! m4 `3 ^
}& C* B% D9 c* A' L
else if (xDir == "left") {
( a6 X( y# H$ f9 u! p xPos = xPos - BallSpeed;
2 d! z* C$ c6 f* T. e5 F3 t% g: H( ] }
|3 [9 ?" c7 I else {5 D: J; {& f* u8 d% J1 u
xPos = xPos;' ~; ^. {6 i# G& p8 @+ O
}
) D, u. X. e. s& B! q if (yDir == "down") {1 s/ D# y9 k/ A/ v
yPos = yPos + BallSpeed;! g% g" u) u0 J; b. X1 R' F
}
% ^: w5 X( o: ?1 ~# H else if (yDir == "up") {1 q! _! Q5 @% J x
yPos = yPos - BallSpeed;
* o# ]0 `7 a) O1 S% o }* a& w2 r, c& m/ Q
else {
2 i& s' i2 o$ O1 u" T3 M yPos = yPos;" M" L5 [- e1 M5 z% t
}
- O: ]- L- {+ Y' [% v% d! j }
' f: C3 V6 J9 U& Z* @$ V" ?
# @$ {1 s2 W. R) z6 U! ^0 @9 v+ e6 ~function hidetext(){9 r( J* B+ _2 S! x
if (document.all)
: L) T" C5 z9 J) ?! m- F1 O, Vsupertext.style.visibility="hidden"
4 }& ~1 j' C3 m/ n( nelse if (document.layers)7 j$ Y& R) @- |- O2 j# j6 I6 z
document.supertext.visibility="hide"
, z# w% _+ w2 |/ m4 HclearTimeout(animatetext)
: b: D8 K/ e2 w, p' W}$ {& p# i% K1 U* v" |1 A H
1 G4 o, |7 ^, H4 v2 t5 B
if (document.all||document.layers){ T, O' e T" F7 }) w
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 |! V7 r5 d& G+ Qwindow.onload = initializeBall;
7 c q9 x- Q/ K# l! l6 x6 Ewindow.onresize = new Function("window.location.reload()");; u, N( f% n, G
}
1 R5 m- |( {/ S* ~6 E, R& V' n: A; K) h' }8 m( o
</script> |
|
发表于 2008-1-21 20:55
|