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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 r, S; ]$ }! G#supertext {
3 H- e) A5 b' c/ S5 ^0 S/ {position:absolute;1 c0 j* j5 h) U5 s7 o
left:0;
: w6 @& u; d- M, Etop:0;2 _- Y0 r; \; F3 Y, w+ {
visibility:hide;& o5 _- Y# B7 V( ~7 B% ?5 ~! T
visibility:hidden;
- @8 Y6 f( Y+ A) P}; a1 `" x8 o8 @, p
</style>
, J% B( N1 l* v. A<script language="JavaScript1.2">
, Y; d9 p, Y; ~( `6 ?) K<!-- 改变下的字体的大小。颜色-->
% G$ q8 p4 B( }% v `& Q Z5 evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( Y$ ^! {3 w1 R, U5 f+ [
var hidetimer='';$ Y" x+ Z3 V3 ]; ^7 Z
<!-- 改变下的弹跳速度-->
: |$ P: d3 D% m+ f( ?5 wvar BallSpeed = 20;
) `+ }. h7 L+ b5 ~) @2 `8 Uvar contentWidth;- B5 D* u4 ]! Z; q0 W: |
var contentHeight;& t0 H3 N& n; x# f3 ~! |! o5 d
var maxBallSpeed = 50;$ [9 h/ P' `9 Y' j$ |4 T0 K
: m: h- f! v3 x9 E* y
8 u6 [; a; Q$ D9 @' l/ h l, B7 W, `; Nvar xMax;8 ^: e u/ N: j
var yMax;
8 V" w( Z3 f' S0 t7 n, h" r8 Vvar xPos = 0;
7 c* I6 p+ F) `* jvar yPos = 0;
1 T- J' Y% O' e0 `% Vvar xDir = 'right';
# i' s& u3 R3 ]! ovar yDir = 'down';4 L# d/ H5 u. _6 H; L( R7 @* {, G: r
var superballRunning = true;
- x% Z; V" b, @/ e# @var tempBallSpeed;
0 t+ q, F1 v( ]$ t7 ]" wvar currentBallSrc;. {! x9 R8 ]$ w& U9 K& `: \1 `
var newXDir;) p% J5 {6 X5 q* j
var newYDir;, `" [8 w3 u4 X
5 q6 x% k9 G K/ U- V3 f' u5 yfunction initializeBall() {% o+ A5 @, X1 y7 s0 K
if (document.all) {4 {+ m( C: T; P1 z4 y" _
xMax = document.body.clientWidth
* w$ e2 T* ~9 X& d yMax = document.body.clientHeight6 Z3 H+ O& D3 |9 f
document.all("supertext").style.visibility = "visible";; |" i! N' F* J: F! N9 H8 ^
contentWidth=supertext.offsetWidth6 ` O5 H# j: c% Q; l* z- z# U7 E
contentHeight=supertext.offsetHeight
% h, U) L/ A/ r1 } }1 A" E; V' X0 f
else if (document.layers) {
1 m3 |* O$ p4 n; T2 X( L xMax = window.innerWidth;& z! b9 a: M' f: P6 u7 k' Y5 c
yMax = window.innerHeight;
L+ i5 K. L* l+ N$ J contentWidth=document.supertext.document.width
5 ~ ~' U- {/ n/ k contentHeight=document.supertext.document.height' o5 X5 ~' X8 Z$ _7 P; H
document.layers["supertext"].visibility = "show";
9 B5 B/ y" u( N' i' L' n/ c; z' n5 z }
4 X. C, q+ O4 F8 E; w, Q% I5 m setTimeout('moveBall()',400);# |9 T; i0 |6 ^6 f ?- l
if (hidetimer!='')
2 p2 v4 y1 k8 ^3 Q) u4 w" P T4 V setTimeout("hidetext()",hidetimer)$ r- [! `7 E& y
}
& k; R3 w" l% [7 D" \9 Y/ p/ {4 H6 F: m8 z6 f! h" B& S
function moveBall() {
" L% C! ~) E( d" S6 m* j! i, O if (superballRunning == true) {5 ]5 ]: Q/ L5 x7 O) e7 ]
calculatePosition();
$ V* q" i4 d; ?4 r& Q* h if (document.all) {
& x1 t# c/ n: c. M5 c$ w* | document.all("supertext").style.left = xPos + document.body.scrollLeft;$ J' D1 c* e$ l" A. Q
document.all("supertext").style.top = yPos + document.body.scrollTop;7 ~2 q! a7 l$ {$ ~
}
9 _& t3 j& z. K4 |& K else if (document.layers) {) x: H. a/ d! D. q N
document.layers["supertext"].left = xPos + pageXOffset;
" L3 j) l9 R& E& o! p) l: @" L& v document.layers["supertext"].top = yPos + pageYOffset;+ {; m% k! [& ~2 I: \
}. H- ]8 I) k1 N: @" I; O
animatetext=setTimeout('moveBall()',20);# G0 G3 `, j9 ]! C' u, ]* M
}
3 m# f! E: a& [ }; Q2 c e6 l3 a, e
! V6 `- B5 ]6 k& S
function calculatePosition() {
7 O2 [6 P$ I3 c; w3 M E) T if (xDir == "right") { I" O" M1 T; e! w! N8 s6 J
if (xPos > (xMax - contentWidth - BallSpeed)) {& i/ w; j, x* g3 a+ P9 W: ?+ r/ F
xDir = "left";9 X: g" T8 q$ ~* @# Q- v
} ~4 y( i' i& ^/ X; \/ n
}4 j: n2 p) H& }: R$ x4 m
else if (xDir == "left") {
$ J& { U' y# C$ n# P# E4 P- G if (xPos < (0 + BallSpeed)) {4 X o) A% s5 o( B
xDir = "right";) ]2 n; h+ \1 r; D8 \: z& G" v/ w
}- }& y: o( G! ~2 W1 s9 f6 H! x2 A
}2 U4 {5 G, ]6 [- g% i
if (yDir == "down") {
1 C& q s2 ~& C8 A/ \% m if (yPos > (yMax - contentHeight - BallSpeed)) {: J* {: S/ w/ o" g+ K
yDir = "up";
9 n0 {2 B9 X0 X! p }$ W3 @- J8 c' r9 |
}3 b @" c }/ j* L7 \' o! M; b
else if (yDir == "up") {) M* }. j4 Z. d t+ _. u. i
if (yPos < (0 + BallSpeed)) {
3 D3 W q' ?, a$ I: k d yDir = "down";! T) F( J# _# W8 |
}, {" C4 z3 @3 [* ?* b) b
}5 ?) z1 k# E |! g
if (xDir == "right") {
7 O; v- g" b) Y+ m) { xPos = xPos + BallSpeed;; S0 P8 c7 t/ K
}
2 b) F+ T( s% B: s) m( E% i8 T else if (xDir == "left") {9 `' I6 u6 b5 |- I/ O
xPos = xPos - BallSpeed;
$ [' Y7 D) T( a' l. c }
2 u$ K& u. b z5 N$ p else {
) i( t$ D, m, o" V! y6 B xPos = xPos;
" d7 ]- U+ r9 y0 K" Y8 X7 c/ { }- _) Q l; X f- D
if (yDir == "down") {
& }6 e8 L, c( s2 ~- ]1 p$ M yPos = yPos + BallSpeed;
- l6 ? X% B! Y3 [7 T0 ] }8 m( X6 f, J+ b6 p; F9 |' [/ Z
else if (yDir == "up") {
9 f& ~, D4 W' w. _* l yPos = yPos - BallSpeed;
* o L& }! c$ }2 G, M% O J }$ u K7 ]3 \0 o8 ?( r
else {1 Z) j! T% Q8 X( Q0 ^1 H
yPos = yPos;' k( y0 P# z% \( J; o9 O- u% ^3 c
}
& l, w3 f; O J( p8 r/ s3 ^" W1 i }
3 A* P5 i% o1 l; @5 W) |/ q; j" Q
- F8 ]& g+ H ~0 X% S3 _function hidetext(){" z) l& S5 \/ _) Q
if (document.all)7 H& [9 E2 ]4 ^/ m% m
supertext.style.visibility="hidden"8 _' U7 s. y! [3 ~$ t
else if (document.layers)2 Q: F& X, s( [" j3 g8 e
document.supertext.visibility="hide"" m) M' N5 [7 a
clearTimeout(animatetext)5 e/ [$ Y& Z' Z: ^3 X
}# B. Y$ \3 Z+ t& j8 G/ c
+ i! ~. l/ f0 Mif (document.all||document.layers){4 o* i! ?, a0 u- Y6 G$ n' W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# L2 p' L0 M+ U9 w$ c/ Gwindow.onload = initializeBall;
* b+ y) ?- `& s! p% d7 P! lwindow.onresize = new Function("window.location.reload()");0 v) C* H, C- T" |( d5 ?
}# d' O% u( [3 P. N
* n' y$ n T3 R* @+ t</script> |
|