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

|
网页之不断弹射的文字-特效
<style type="text/css">) s: p' M2 F9 O) d& ?/ M
#supertext {
( ?# A( e1 v, B2 g! r$ O* lposition:absolute;
( u% N2 j, V7 e# W4 S6 L5 q* U# dleft:0;4 {" @6 }2 a I' \) Z& ?' b7 X
top:0;- e, D7 C% D* W9 Z
visibility:hide;4 q4 E4 u: \- X1 q: @1 g" Q% x
visibility:hidden;3 M3 r- c; U) y2 K% y
}
! M' D) U! M+ N! ^3 Z2 d5 S; I e</style>
9 `; D5 L% o& e F$ f, `<script language="JavaScript1.2">: E; K$ P2 a: |4 h
<!-- 改变下的字体的大小。颜色-->/ R0 T: \0 I# H$ _- f+ {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. g; }5 p% \0 a: }$ u# L
var hidetimer='';. d7 n$ W7 B# Y V/ s- y( U
<!-- 改变下的弹跳速度-->
( H, e% h+ [- v7 `. Rvar BallSpeed = 20;
6 U" a' m, a0 K! l; H& I: V3 Uvar contentWidth;
- R; p- g) o/ W0 Dvar contentHeight;$ }( Z( q* f' ~: t; g( f
var maxBallSpeed = 50;
* I: n' O0 m, {5 a. i
2 |2 S7 B' a' y; z' q; S9 F! ]. n9 v& T# d. j$ d
var xMax;2 p* s+ j5 @ ? |) P/ ?6 V2 c
var yMax;/ `" c# N4 [1 M7 l) v# e
var xPos = 0;3 |1 J u' S# {4 B/ w
var yPos = 0;
" c R% k5 V1 u& }, Cvar xDir = 'right';
1 X5 h7 G# J8 l, Dvar yDir = 'down';; z/ B p4 D( U3 j
var superballRunning = true;
* J9 x1 U0 y# }: Q; }" K$ Mvar tempBallSpeed;
2 ]+ s5 A/ ^8 r' d, N4 M$ |var currentBallSrc;" M6 P) \5 ~8 V! S% {
var newXDir;: P% f6 }4 @. J
var newYDir;
2 J# [ ?7 G/ x& ?$ j1 y' R# Y! w9 ^
function initializeBall() {: L8 a, f+ ~% P- z) J5 `3 c; C
if (document.all) {+ V; F; L( Y4 J) q2 L! F6 _
xMax = document.body.clientWidth6 \/ \4 b% T# a; D0 u/ m6 G% A
yMax = document.body.clientHeight
1 g7 S G) j* U7 X' k document.all("supertext").style.visibility = "visible";3 g0 R& M6 G3 ~# A# `# }" ]- P
contentWidth=supertext.offsetWidth* k& |/ g5 P8 A1 T1 T6 v5 O
contentHeight=supertext.offsetHeight7 k- k2 u5 Z: _- O0 }- w
}% g, p6 m1 L/ |+ ~$ N; c Y1 q
else if (document.layers) {+ n5 P. b, L3 g- l$ p( `3 X
xMax = window.innerWidth;, C, f6 y5 |8 P) C) M3 o* o
yMax = window.innerHeight;5 }9 c p p- Y# S8 d1 m$ D+ e
contentWidth=document.supertext.document.width7 q( d' `; y* A {
contentHeight=document.supertext.document.height
, X. T# _) B% f7 H3 |9 d1 K8 w document.layers["supertext"].visibility = "show";
& G: d8 k) P4 H& A2 J }/ v9 C) H& F' w9 ^4 ?
setTimeout('moveBall()',400);
% w. P5 P7 E) p1 N+ O if (hidetimer!='')
: ~; _7 e9 h# l setTimeout("hidetext()",hidetimer)
2 h4 U7 R1 g, `. U }
8 T& G' ]" t3 }, w r# u
# B/ s7 T. F9 ^ f4 Hfunction moveBall() {3 a9 ~$ Z6 Z# \" s) e" ]
if (superballRunning == true) {9 [7 P4 A ~6 |; G5 q+ B' S1 y
calculatePosition();" _' K4 b& O0 G3 H% U5 T& M$ x* K4 Y
if (document.all) {6 z" C+ c# K' Y
document.all("supertext").style.left = xPos + document.body.scrollLeft;. L. `* X% `+ V* c: D4 B) |& {
document.all("supertext").style.top = yPos + document.body.scrollTop;! Q$ k3 L. r) s
}
) q0 [5 N" Z+ e. B2 `. ?* } else if (document.layers) {
: A) }. [# s* V, v document.layers["supertext"].left = xPos + pageXOffset;' L3 O. G2 R. j: x/ A
document.layers["supertext"].top = yPos + pageYOffset;
+ E& D" M- f2 \6 f3 v }
" t1 h; l5 f; ^5 O O. r5 W* l animatetext=setTimeout('moveBall()',20);
, Q& Q3 ]7 @2 q. a# ^ }
8 w7 t& E/ u8 _* q- f }1 U3 d( c: u. Z( Z' [) i" |
2 U# Y& e* y: ?; B( _
function calculatePosition() {
; J: m7 y) Y$ O! P3 `" r if (xDir == "right") {
+ {# z0 t( X$ h. n/ l if (xPos > (xMax - contentWidth - BallSpeed)) {
" L4 P" ]0 B! e( k xDir = "left";: Y, M& U& D8 o
}
" Y! }0 Y9 U1 E }) X8 a s3 s" F) r5 w
else if (xDir == "left") {
. ^7 [& j7 T: y: T0 x if (xPos < (0 + BallSpeed)) {
$ x; q4 d3 D& L' [/ O6 z% F xDir = "right";
( o0 C `# F7 ] d }
1 O: I6 v$ ]2 v j. ]+ M& N+ {; t }, m" v, F4 b$ N1 n
if (yDir == "down") {, x" M( O8 m$ D1 d9 B! X2 ~9 r
if (yPos > (yMax - contentHeight - BallSpeed)) {
- P; k5 @! l2 `" U" `; G' g2 k5 `; p yDir = "up";1 x' q% w( f/ I" K( l
}
7 F; S. t. Z- I& k) S$ @4 R- }- C }( f/ m4 ?: z! ~' e9 t" I7 F) J
else if (yDir == "up") {& ~8 E1 h' a6 M b+ A
if (yPos < (0 + BallSpeed)) {
# A) d" l$ R3 G yDir = "down";
' L+ Y& k6 M" h% O8 }2 C! L }! z- K! O& B: E8 M
}
w: V. q" j" F5 ^$ ~ if (xDir == "right") {2 y. g) j0 S8 D) c
xPos = xPos + BallSpeed;0 A$ [, w6 J. w) }6 R2 ]' p2 {3 L4 d2 ^
}
5 [# I# b* p: E! I% y else if (xDir == "left") {
3 c: j$ l( f8 ^5 O6 a xPos = xPos - BallSpeed;2 A1 A/ N& Q: ~" L7 d
}
; e& K2 e* p( f0 U* d% ^6 ~( g else {* t6 i% b3 l' N& F! f, e" v
xPos = xPos;2 D/ v5 ]1 p% d+ l( q
}7 ?) U* V; r$ R$ @, ~1 T7 U) Y
if (yDir == "down") {
# E! D% J ?* D! _* l! ]8 f7 z yPos = yPos + BallSpeed;
/ `* U! \ b* Z }
0 f' V) ^- H3 R0 ] else if (yDir == "up") {
, ~- k1 E* L$ g, I- F yPos = yPos - BallSpeed;9 h% t$ s' W) W. n* _% C- c
}# L/ n- B3 o, c
else {1 ?: x: |" l& l9 v7 Z$ O
yPos = yPos;
) |6 [1 t2 e& v, }$ T }1 Q2 i1 D% Z* j
}4 O" d8 |5 e- _$ R9 `2 o: p4 X4 W
7 U4 P9 ^2 X. ^; Q9 [
function hidetext(){) Q3 ~3 k' j* ~! C0 K; p
if (document.all)$ b4 A4 m$ p; \/ O( l; L
supertext.style.visibility="hidden"; x1 H' i7 D+ {
else if (document.layers)$ _+ S' N7 Q$ H% K0 B! B! Y
document.supertext.visibility="hide"
3 K' R' I6 v0 m4 S* ~0 Y* F* Z% {clearTimeout(animatetext)
9 t; e$ I& [" p! c' y- O! u}
0 y+ L3 g+ `8 b- m& v: o; t6 P2 j8 f! g' Z" c
if (document.all||document.layers){
1 _1 e0 J8 B% b( D) h+ ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 [4 t& E2 R! ?8 hwindow.onload = initializeBall;/ e5 g1 u9 ~7 v+ X! ^
window.onresize = new Function("window.location.reload()");7 w! M2 x" S1 f( K
}: \) G- W% k+ ?
9 L8 T1 s- Y' z$ b3 \9 w. a" y' j" P) E
</script> |
|