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

|
网页之不断弹射的文字-特效
<style type="text/css"> }% Q1 S! | ^* H' [
#supertext {" l* ^2 Z8 Z6 x4 v6 H1 A+ J
position:absolute;8 e4 \1 q5 v1 M( s9 i4 g
left:0;
- d2 I- r0 A9 m1 S# ^$ ]top:0;
" C. [% W) l# d& W5 T/ ^ Nvisibility:hide;% P* E# s1 q- K6 y7 ]+ M( g6 @- G
visibility:hidden;' Q8 @% H/ k4 Y! n( s
}1 e! y9 i) X8 V' [
</style>
3 g2 _ ?4 \+ b" z0 z<script language="JavaScript1.2"> l( C+ t" J* j6 @4 K
<!-- 改变下的字体的大小。颜色-->0 w) I9 K7 e7 u# T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 t- ^" L( m! k5 fvar hidetimer='';
7 v3 v, c M; _1 L8 t<!-- 改变下的弹跳速度-->
9 [ B4 z0 v' svar BallSpeed = 20;
Y% X3 r. W. H8 r% g! bvar contentWidth;2 [; p6 z6 c! ]3 n! N
var contentHeight;
' z: z9 O! b% f. m: _% Ovar maxBallSpeed = 50;2 k$ O$ J# t& i+ h
/ ~; V a7 h2 K7 `7 }6 s6 a8 U
/ A) {/ L2 A2 u5 P. rvar xMax;- B$ H" n! m$ u! P: T2 H
var yMax;
# A N/ D+ M3 s- rvar xPos = 0;8 G( V! Y, C" v' r' w { R! X* I
var yPos = 0;
0 |4 g9 M: m5 \' Q7 ]4 Dvar xDir = 'right';
) I& W( U9 v' U0 E7 }& kvar yDir = 'down';
" }1 R4 G# L6 j! Y& s8 r* I6 Vvar superballRunning = true;9 W2 R8 c# h6 P5 g0 f
var tempBallSpeed;& W5 c! J2 O. |- O* T7 [
var currentBallSrc;! g+ Z' r( F* Q* a3 d; q
var newXDir;
& i* W# F; I% Bvar newYDir;# h1 {% f/ k' k2 I9 G% q, ]6 r3 c+ ^( c
/ V4 w# ^2 R: D) afunction initializeBall() {: M% z/ Y1 c1 V% Q: Z
if (document.all) {
3 j0 R% @4 v, ]: I( J- e u xMax = document.body.clientWidth* `9 F8 f, H5 k+ K
yMax = document.body.clientHeight& Z4 v# N0 m, P9 I
document.all("supertext").style.visibility = "visible";
% ]" C. `2 p4 ` contentWidth=supertext.offsetWidth9 r# U! |/ C% ~+ T& h- k' M3 J% V# u: w
contentHeight=supertext.offsetHeight V2 M+ V; k! S8 H" C1 E2 @
}( P+ B: _8 h u) G2 ?1 \
else if (document.layers) {6 t1 H3 z9 {8 I! l$ V3 N# u5 c/ |, B; K
xMax = window.innerWidth;. d( d, l5 t! w
yMax = window.innerHeight;
! B3 ^/ l( J5 p7 G; E4 c contentWidth=document.supertext.document.width
! o/ n4 }: v9 }8 H* _# @7 D' U contentHeight=document.supertext.document.height
V/ w' s p. v' i3 i document.layers["supertext"].visibility = "show";
2 ^" x) H; ~. A$ V2 s- N% y0 H }: B9 H' \1 I( F" C+ B: _- S& w
setTimeout('moveBall()',400);
8 u' Q" j' n" [3 d+ w3 h if (hidetimer!='')
7 s4 d4 Z z0 p: X setTimeout("hidetext()",hidetimer)# \8 p2 b4 Z0 p* w4 E; I. y
}
0 ~4 k- @+ F4 @
0 C1 r7 t+ {6 z' ~8 U6 ~; n; Yfunction moveBall() {4 V+ v1 E/ ~: u- N' ~) z
if (superballRunning == true) {
8 b, w+ M+ B; y& E calculatePosition();
; L! `! h. w0 }, ]- t0 [' w: w if (document.all) { t6 e* i3 Y' a# J, X9 J
document.all("supertext").style.left = xPos + document.body.scrollLeft;; f0 f9 `9 n& ?- K# H
document.all("supertext").style.top = yPos + document.body.scrollTop;
% G: G3 z2 {0 ~% X' U+ K }
1 |; W: x/ [# A; o7 U- f$ q5 l' J else if (document.layers) {! d8 [- x6 Q3 I f& ?8 `% H; ~
document.layers["supertext"].left = xPos + pageXOffset;7 ^4 b" d3 b7 C% X$ J. }
document.layers["supertext"].top = yPos + pageYOffset;+ o) I* Y& ?; [& @
}
. @2 J+ u4 @4 i animatetext=setTimeout('moveBall()',20);0 C& X8 a! @# y# B2 U! ?; S5 o& h
}
4 s# b, w3 b# i$ g8 G4 h' h }
' g& k+ S+ k1 E; O9 }( w( W c1 \9 I4 D% [
function calculatePosition() {
% W) k% }' m1 _; p- L$ u if (xDir == "right") {& L- i: [1 N- ]1 ?5 u( L
if (xPos > (xMax - contentWidth - BallSpeed)) {
0 c" d! j+ c3 l6 C6 J xDir = "left";- y+ w. e8 [1 d' G+ ~
}
/ c+ Z9 |9 ]7 q# v- Y' d, X% D: B }# C# A' t( |( J2 T) O% `% {" e5 |
else if (xDir == "left") {5 l" r0 A7 E; K
if (xPos < (0 + BallSpeed)) {) y! X) q4 i2 E$ J7 \9 n1 Y# j0 g0 C
xDir = "right";
, x6 L+ ~! c/ y1 r' ^$ d& R( V }
% s( b' J8 i7 [ }
6 ~% p3 L( H6 {4 S! x0 D" ?, b7 k if (yDir == "down") {) P: o% P. x$ F5 C9 U- X/ @
if (yPos > (yMax - contentHeight - BallSpeed)) {! S/ o2 s: l$ \+ \$ A) ?; P& ?
yDir = "up";# O, m* k' ~- z$ c
}
/ o# C6 [$ n& p% M9 _ }
$ w+ Y" s% _/ E$ u: W# H0 E else if (yDir == "up") {
, [/ q( W, [8 ^% N/ H+ J. w9 V if (yPos < (0 + BallSpeed)) {7 Y+ r0 ?, r( ]% @& l2 T p
yDir = "down";
+ p% C( v6 j* U% }# z+ @ }
* V' J) x( {0 @ I) s/ p6 f }. p: y4 P Z, F' P4 p
if (xDir == "right") {
% \6 k% P0 A. ?6 j+ X; h+ {/ U! s5 w xPos = xPos + BallSpeed;$ W- \9 @; y/ U+ s% U
}
8 S$ n* J0 G9 o- J% K4 d2 V* j. q else if (xDir == "left") {
: M1 J. B( W. v- l, ?) n+ y1 Q xPos = xPos - BallSpeed;
# R' W1 r, t {' `7 B- a. V7 { }; C& d" V+ r: s# ]7 V
else {
7 Z; e8 l. ]2 g0 E$ w2 f xPos = xPos;( E% i+ F7 g P w
}& \1 G7 b- F1 V: k
if (yDir == "down") {
( Q) i( R: q, x9 \ yPos = yPos + BallSpeed;! D' Q# i1 Z. t! x0 Z
}
, D' Y. J; y+ E7 U% p$ v else if (yDir == "up") {/ M0 X: @9 w" x8 X6 b, y6 x8 a
yPos = yPos - BallSpeed;9 N$ H a5 J* ]; P
}
: n4 W, K4 C- X* j- \& o! K) s else {) e s/ n2 n& k. n- H
yPos = yPos;; }- g! ~: _8 C2 z6 q$ Q2 b& U |8 s
}
0 X6 j2 l% o ^' w9 n1 `* l3 ~ }
* i) a$ T/ y+ z+ l
/ ?% l# s# [0 l( P! bfunction hidetext(){
& N$ Y. B, L7 b9 Pif (document.all)
' R; u: L: s' D0 g5 U; Zsupertext.style.visibility="hidden"& c' ^1 H2 U( H
else if (document.layers)
$ i3 Z$ s, N/ l/ M4 `document.supertext.visibility="hide"
5 D3 E% Y: Q, v) Y+ W8 }clearTimeout(animatetext)
1 o! f4 i8 h/ f2 A}
1 {. Z8 b: [; h. ]0 G2 W7 ? i/ Z, h6 X# E/ {
if (document.all||document.layers){& N6 H q, M7 O3 f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* J( ^+ a0 R, @window.onload = initializeBall;
* {/ `, O$ J- p+ J# P: ~window.onresize = new Function("window.location.reload()");
5 @# x" e9 w2 x}6 t. g: _$ U }# f1 @) N; t5 _2 b6 S
) q0 p% p! u* h, I# d% b</script> |
|