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

|
网页之不断弹射的文字-特效
<style type="text/css">
: C: O9 j o/ u5 r# N- N6 G. E#supertext {' v8 G) l Z4 M) @/ f
position:absolute;( T" V- g; m) i p7 w* }
left:0;
: D) F5 F# w; j( ?* c6 w% Z$ etop:0;
3 h! [0 { ?0 W4 V- lvisibility:hide;
U6 F( r( T; A) n9 {; G4 F( hvisibility:hidden;9 j5 r+ S3 b# o% z: B/ x
}
# `( l0 v" w9 e) R</style>
5 n( j' a: L) R: K6 e& `- [2 g" ^<script language="JavaScript1.2">( O" f9 u( A2 }2 B I6 ]( t) }
<!-- 改变下的字体的大小。颜色-->
- o3 v A+ Q1 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& X1 ^' K$ W, X3 K% ?
var hidetimer='';
1 P2 \7 J8 S c% W- s4 y<!-- 改变下的弹跳速度-->$ W( A! i* Z+ ~0 e: k
var BallSpeed = 20; D/ P0 E' j' P% ^0 O( _% j( \
var contentWidth;* n5 O3 H& _5 N5 k5 I( I% h" _. T
var contentHeight;0 v: I5 F- T$ F& G0 \. a) C! h5 V
var maxBallSpeed = 50;
3 q! Y9 A; R# b3 `6 T9 ~1 c- X7 v( |
0 |0 g- m1 v7 `1 k" A. J
var xMax;4 e, Z' b4 }' t2 w z9 C
var yMax;
5 k$ Z+ m; d; Y$ R0 T( c1 Rvar xPos = 0;& q* O6 T! t, o) h6 T
var yPos = 0;5 z, X1 {3 d$ g7 ~
var xDir = 'right';% x- ^8 T- D# |( E
var yDir = 'down';6 z$ O2 a+ W0 Y. O C# D" f
var superballRunning = true;) V; s4 T* M; o$ e7 b4 M1 V
var tempBallSpeed;
7 l3 C) q3 s! N+ Evar currentBallSrc;
c7 y; z7 G' fvar newXDir;
8 y6 ]( h' F1 f) [5 L+ fvar newYDir;
8 m5 H# j- K( m6 R! ^" I, F0 w7 p* \, O! C
function initializeBall() {9 J7 Q* g2 J W4 T1 k
if (document.all) {
5 g0 a) _9 v) @" {+ Y9 v! O xMax = document.body.clientWidth
$ V" m- V& g3 V9 o yMax = document.body.clientHeight
4 L: r8 ]! }* |; c( [. D0 A& h" | document.all("supertext").style.visibility = "visible";8 b( F) P7 o' ]4 z; U+ G
contentWidth=supertext.offsetWidth, O. Q* E9 P! m; e" {
contentHeight=supertext.offsetHeight [8 ]+ Q+ `2 H. g) T
}2 `0 T, B' r* I( A' c5 @
else if (document.layers) {
6 a8 q( d2 g& z( T) C7 ~ xMax = window.innerWidth;9 e/ ]( ^9 V9 T @" e9 \" M
yMax = window.innerHeight;
6 {$ Q3 o E! `& ^ contentWidth=document.supertext.document.width0 p: o# B0 u8 g5 d, l5 ]1 z
contentHeight=document.supertext.document.height
$ N- _8 Y2 t$ v4 G document.layers["supertext"].visibility = "show";. {. r+ H+ l) X# A
}+ n. ]' Q: o( I; ^ w- U4 b
setTimeout('moveBall()',400);
/ r$ U) d' L' ^- H w& I if (hidetimer!='')
" R t/ o, b: N: T* f setTimeout("hidetext()",hidetimer), O; `. U) s/ l
}( G p7 n0 Z% f2 C7 y( s
- J f* \3 H0 | }, v4 h% p
function moveBall() {
0 y: Q6 s- S5 H7 r# d if (superballRunning == true) {
. Y6 S- ]* B# o5 Q: \" H calculatePosition();
9 T# b& Y* o9 k+ r& d- \! o if (document.all) {
8 f: h# m2 p) t# m+ S, G& V/ m( Y$ ? document.all("supertext").style.left = xPos + document.body.scrollLeft;$ H% v! ^+ z' a/ I( E: o
document.all("supertext").style.top = yPos + document.body.scrollTop;# f$ |- d, i! N2 W
}
6 h" D8 E0 Q% y: I Z2 v0 Q7 { else if (document.layers) {
% O4 A* }, m3 M6 x7 P document.layers["supertext"].left = xPos + pageXOffset;2 _# w, j# F& o
document.layers["supertext"].top = yPos + pageYOffset;
5 N$ K3 Y/ M" F* Y0 j5 @ }1 o6 X" x/ W# K6 r' w( m7 ~& P
animatetext=setTimeout('moveBall()',20); W, }0 I+ J5 e4 ]) j- r
}: d q( U: a4 K
}
7 b$ I7 `% z. ?" J" E
% M- }. x+ s" `- lfunction calculatePosition() {$ E* X/ h& _9 b% I+ z0 U/ ^; S
if (xDir == "right") {! Y" d( q2 x' d x
if (xPos > (xMax - contentWidth - BallSpeed)) {* J7 c8 g$ g* L6 Z+ G9 Q& t6 X* L, h
xDir = "left";
$ A# g" O3 W; i6 {& F }) t% {2 n) j, e- k% y! `
}
. E6 z7 B+ a1 R% ~) K else if (xDir == "left") {
7 u' ], k/ y ?# C" x if (xPos < (0 + BallSpeed)) {% S4 H8 i3 u/ c' k) x, @
xDir = "right";* F" G8 F) h$ }$ K& E/ e
}
# s' r% {% J0 _% q4 {0 o }& c5 \3 u( t! A! `) T
if (yDir == "down") {
8 p; [" b4 g: { if (yPos > (yMax - contentHeight - BallSpeed)) {
2 C, j( n/ o: `* H yDir = "up";( O! U: e& Q; Y
}
+ o. L% L: S1 P. V }9 {9 v5 \* s) |8 g$ m
else if (yDir == "up") {
, k# X. A+ s% T if (yPos < (0 + BallSpeed)) {
; @! v ^' m$ g yDir = "down";
+ l G6 F+ {! l) k+ i! V2 g }
9 ]( |, l: q2 r: m7 e5 b; m: f& ^! s }& B3 m) j/ g6 @5 Y. n/ G
if (xDir == "right") {& W; \3 q- u3 @: S: s! g& \4 j
xPos = xPos + BallSpeed;
& D. |$ g' V- k0 C K4 r3 ~ }! h, b" U- a c) N3 v3 x, z$ B5 x
else if (xDir == "left") {" @' S4 Y1 `9 P
xPos = xPos - BallSpeed;) \+ k) x2 U3 S8 j& ~- y
}
2 H u! E4 g" y/ H1 R else {
d. p5 @* Z! ~$ Z xPos = xPos;
8 A0 z/ l$ G: ]7 L }6 b& Y8 U6 f5 y$ A( Y8 T
if (yDir == "down") {
: n4 K H" |" w3 p5 c- k7 H yPos = yPos + BallSpeed;
9 _9 A/ d7 o/ z4 q }
& {; F+ s* J% c; h else if (yDir == "up") {
$ B X! _, S9 u7 |( w! M$ ~6 E# O yPos = yPos - BallSpeed;7 X2 t* |9 C4 g: J; J
}
- v4 @2 ~- m) ?. k* c; @. i: [ K else {
' Z! B5 Q' {; g+ Q. a% d yPos = yPos;7 z1 I. D8 o; d& F5 q7 L: _) L# }
}
0 x) m) {9 z% v; ^' q+ p5 H1 R2 ^+ m }8 S2 K6 N% Q0 p9 J9 b- b2 B" J
# K) l7 L+ a0 |- L$ f" ~8 |
function hidetext(){" t* {4 S/ M: V6 V9 a" N0 I
if (document.all)
7 [* F- q3 K4 K9 |0 A' msupertext.style.visibility="hidden"; y6 K) x* B7 R# i0 ^% e4 l
else if (document.layers)$ r- j2 j4 Y' _/ S
document.supertext.visibility="hide"
$ a& ~" _1 Q9 I' @$ H. b5 z+ F" B& rclearTimeout(animatetext). K/ P; K: O N# Y, K2 a# ^* q5 Y
}5 }4 C' `# C# W: L$ n% @- \$ \/ S; q! c" t
B. R, b4 V& s0 ?) R$ \
if (document.all||document.layers){
% i$ ]: }+ C, Q8 B9 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* @$ d: x) x, O& ~( Owindow.onload = initializeBall;
2 E/ K7 n. A/ z; b3 n' pwindow.onresize = new Function("window.location.reload()");* K" f1 N, n6 c# t
}
$ b2 m( S' w! b- _( U
2 \ { d$ p; l$ N% S2 z</script> |
|