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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 z. I6 M+ B( O$ `6 Y; c6 u#supertext {
9 [, [/ X8 n. C* Rposition:absolute;
( n( X1 `- e8 i2 r! [left:0;
* x( ]( X3 z( Z6 Ztop:0;! i/ V1 d, g/ F; I5 V
visibility:hide;
7 \3 i5 I% h: k: R$ N* D6 m" m. t$ Kvisibility:hidden;: U4 a' @( g( w) V: J& r: w
}
7 e- n' c3 d+ J& m6 Y Q</style>
. c+ [' X( J8 H; T) ?6 H7 U<script language="JavaScript1.2">
1 ?% M9 |, {1 e! |5 ]' e<!-- 改变下的字体的大小。颜色-->
% q0 R. y, ~' o, \3 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 S* m* N; T O9 M1 n
var hidetimer='';! X6 Z$ E5 H+ H
<!-- 改变下的弹跳速度-->2 ~" r' |+ Z: D$ A$ g8 X a& u# {
var BallSpeed = 20;
! Y2 y- ]$ M( Q9 _3 G1 nvar contentWidth;2 f1 C1 \: n" e4 g
var contentHeight;& b9 ?0 U" F3 Z1 s+ Z. z d$ J
var maxBallSpeed = 50;
, C, M3 U! r, j+ h
6 E Z# c$ r, [& ]4 g. s# F+ m+ N8 F4 w2 S/ Z9 w% s0 ]
var xMax;! U' I2 e6 H5 c0 d9 F
var yMax;
$ \ |+ e5 I) I, l3 k# uvar xPos = 0;0 n& A" @0 t7 b3 F; X3 [
var yPos = 0;
) ?% Z1 I9 |/ e$ Q% |) W$ V$ ]var xDir = 'right';8 q1 O. T8 f, H7 H, S$ f8 ?- S- m
var yDir = 'down';
1 p4 R2 _+ G. f2 H2 v! P" [var superballRunning = true;
7 ~$ Y" b9 a! D% [! _8 \var tempBallSpeed;
4 M% o6 D8 U) R/ _+ cvar currentBallSrc;
" o# s9 c9 p6 {- y7 _var newXDir;3 x2 i$ m" w0 @: [. Z
var newYDir;' q& B) X& B9 ]5 v3 e& Z
" Z/ l1 g- m2 V1 {2 u, \
function initializeBall() {
8 e9 a) [, G: D! i' c if (document.all) {0 O( \ i# g6 H: Y, f
xMax = document.body.clientWidth) Y3 ^0 i* ]. |! u$ [4 h
yMax = document.body.clientHeight! |4 {0 f$ l* a
document.all("supertext").style.visibility = "visible";
! b. T- ^0 C! z9 H# k+ G4 } contentWidth=supertext.offsetWidth' u* S1 m# Y6 N6 u, g7 o, z9 v5 ~
contentHeight=supertext.offsetHeight$ R) R5 O9 _5 ^" B! T4 G& b
}
5 k6 x* [& W r' m9 p4 W else if (document.layers) {: W9 H+ z7 H* [" c% L3 B
xMax = window.innerWidth;. x2 l5 K+ _9 p
yMax = window.innerHeight;, [7 B# f- b# R2 A, w
contentWidth=document.supertext.document.width
; p1 `8 T0 d, b/ n) l( R) z: ?2 E contentHeight=document.supertext.document.height
. Z4 t( o4 L) P! o# c$ q4 n document.layers["supertext"].visibility = "show";
& F# l+ V# W# K/ V }% n. {- w) i6 _" r6 I* h% `
setTimeout('moveBall()',400);
' r' y) a& l5 _ if (hidetimer!='')
, e4 f# f* {4 _/ b setTimeout("hidetext()",hidetimer)
/ P, w" N# L. @/ n, @ S }
6 c" i- [! y5 G& h# ? T3 g' |4 z8 f# @: f
function moveBall() {, b+ f. |8 ]! p5 } S7 A& m% }
if (superballRunning == true) {# _2 r; o# ~( s, G0 ]5 T
calculatePosition();, c( i% L1 L! ?! {+ x1 }
if (document.all) {
, A8 O F8 n2 N" { document.all("supertext").style.left = xPos + document.body.scrollLeft;
( h" }7 Z9 r. V9 T1 M2 w/ P document.all("supertext").style.top = yPos + document.body.scrollTop;1 E/ E2 l. o+ U
}. u* [" `$ y6 K: o; S
else if (document.layers) {
. ]& ^. B+ K3 h3 i document.layers["supertext"].left = xPos + pageXOffset;( W R9 _& O3 m {/ V7 Y5 W) Q; L
document.layers["supertext"].top = yPos + pageYOffset;; D+ s- `; C6 q% B% M$ Z3 v. v
}& R5 }; Q+ ^* ~! s! L6 R+ m4 y n
animatetext=setTimeout('moveBall()',20);
5 u8 ~- j& A0 H4 V* S }
. v' K5 u; P' @4 F }5 B4 o( h$ r: ^( r+ n0 }
; L* |: A" _/ \: y/ @+ d) qfunction calculatePosition() {
& ^0 l5 K$ P2 m" A if (xDir == "right") {& Z; C1 i2 x' W8 ~
if (xPos > (xMax - contentWidth - BallSpeed)) {
4 U" i) m% Z; b W! d4 d$ ? xDir = "left";
( @) v) y2 n. h$ [) t0 g5 M1 N }( q& e! x& Y' D o b0 N& w
}& ~5 t: T% O5 q* G7 N' h4 Z3 I/ D
else if (xDir == "left") {
2 j0 |+ r5 ]+ v/ W3 P6 [" H if (xPos < (0 + BallSpeed)) {
7 ?& E9 Y$ v# B3 L xDir = "right";9 y H: L6 @- `; k
}
i; P- i7 m( N; y% z, i: r }
6 b8 f, A3 |( O* P& l if (yDir == "down") {
3 |' H# I5 z0 B/ K) o4 c if (yPos > (yMax - contentHeight - BallSpeed)) {
Z% X/ b W' X yDir = "up";6 w1 P. R- `2 b9 L$ ]1 T+ K6 Y- A
}# v" G0 I; y$ ?& l! q5 H
}' c" K- I$ r* X$ D, O
else if (yDir == "up") {
+ O( \ Z& F/ O if (yPos < (0 + BallSpeed)) {
5 z1 J$ g0 d* q) N( C yDir = "down";
1 |. b' w8 w4 f! r! [3 d$ U }9 ~8 _1 a0 R# h
}
+ V! M" X/ F2 D4 L# f) I3 @# @4 K if (xDir == "right") {0 ?1 u1 E# H" u
xPos = xPos + BallSpeed;
( |$ X/ b4 J$ ?) D }
. H/ L) B, w7 G- e4 z else if (xDir == "left") {
0 r7 l$ X' [# _% z" i xPos = xPos - BallSpeed; H- ~/ p1 V0 p; K: R r* W6 G
}1 M% q: i1 Q2 n: w
else {
2 g* _2 e0 l1 u8 ` xPos = xPos;! k$ S! W. J3 R5 I: J& ?6 b0 e9 E
}
) w0 l0 `: ^ s% _: D" L% k% z if (yDir == "down") {
0 y0 A( b" r2 p0 q; ^# | yPos = yPos + BallSpeed;
" M9 o8 v& D+ V( w. j8 q }
0 R! J& V: j+ u: s3 t& R else if (yDir == "up") {$ E/ I; S0 j: U9 q8 ~) q
yPos = yPos - BallSpeed; h2 a4 m8 q1 t+ G7 ~$ ?
}
* ]) ~1 p0 D; v1 k- \- a0 a else {$ _9 O3 {+ V- |: X& e* x
yPos = yPos;
: [1 r3 Q. v- Y9 U, _5 K }
( g3 j" O$ h( c$ e/ u }. X5 [0 `! `/ j! M0 o7 a
6 p" I' d$ k: e1 w# [
function hidetext(){
% G$ q" y) l! x2 Mif (document.all)
8 I! A1 T$ C. r. J7 q) {* Qsupertext.style.visibility="hidden"& Z: Y8 _) p+ N+ i6 q2 x2 C5 Y, M
else if (document.layers)9 l: x& W9 u1 v+ a! D3 W
document.supertext.visibility="hide"
4 Z* E7 Z/ [4 B; ]clearTimeout(animatetext)
) W6 k$ _1 k: O4 v3 R% s9 _5 L2 r}
% t) a' e; M2 q+ g8 }
: W) |" P* @6 r9 g) Q! p$ ^if (document.all||document.layers){$ F' A9 w) H) _4 X# E- y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 G& U4 j( M) P: E( t
window.onload = initializeBall;
3 D* G, }: c. @- Zwindow.onresize = new Function("window.location.reload()");! z3 v* O) A% {$ s
}' V' \$ O X9 A9 D$ y/ H
8 ?) z {9 v l. l# Z: r0 \</script> |
|