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

|
网页之不断弹射的文字-特效
<style type="text/css">1 _; `! L5 @. S. P
#supertext {
; @/ t% _$ c! S% d4 rposition:absolute;
9 v6 y3 e1 P6 R' P- I) h. U; _left:0;
) A6 r( x3 ^' Ktop:0;5 Z5 u6 `2 l7 N |
visibility:hide;, C. O* m" b" d3 G+ e t& f( E, d6 F) f
visibility:hidden;
2 c( [4 [& l7 ]8 S}
5 Y s; p, L% `* b% O</style>
# H% \9 F# y4 H" y) K<script language="JavaScript1.2">
2 Q$ b! B% P6 l( G<!-- 改变下的字体的大小。颜色-->
4 ]+ s& ~' Y4 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ x+ g4 L/ T% Q" k$ `- Y
var hidetimer='';: {" K# n& o, c, x; [
<!-- 改变下的弹跳速度-->- d- k- z7 q, P3 q9 v2 c O. d( F
var BallSpeed = 20;4 c# S" e- v8 P3 U; G$ j! p
var contentWidth;3 n6 ]& _: T7 `; y
var contentHeight;$ v8 [" ^$ E0 a4 n3 g
var maxBallSpeed = 50;3 g2 ]+ E8 c0 v8 b2 z( F
8 |( A4 B( h# M0 G9 f5 B
0 [$ s5 v/ Q$ E* L3 R' \2 C* T/ j& Rvar xMax;' M1 C7 [& ]8 }$ V
var yMax;
2 k% k" q. `0 G; X W/ {; r2 Mvar xPos = 0;
6 @2 K; P+ p* ^2 B2 h3 A3 P4 qvar yPos = 0;$ n' r2 P) i! n/ V) s/ ^
var xDir = 'right';: ]- @# ?. r" b" ^
var yDir = 'down';
7 v7 X. q1 s+ A' Vvar superballRunning = true;
4 p3 j+ P' e9 p7 j7 w' G+ j/ D2 C, kvar tempBallSpeed;
3 z' N3 Z3 u/ g, L9 v0 q" q3 x# mvar currentBallSrc;
8 l0 G) m: F# K+ L" c& I! evar newXDir;/ a" v1 l1 p- ^3 N/ ~3 Z
var newYDir;
4 |8 p. [" l+ I. u# B- \0 U/ x: M4 Z7 `5 z' N
function initializeBall() {; y/ a+ R9 v0 b
if (document.all) {- e6 L/ W0 B0 f4 _9 W
xMax = document.body.clientWidth
: \$ `) W- f* v6 H8 A B yMax = document.body.clientHeight
3 r# {5 R' k3 { document.all("supertext").style.visibility = "visible";
/ t+ @1 n* h. a( k' @9 V contentWidth=supertext.offsetWidth7 ^3 P2 P/ d& @% y- ^* F
contentHeight=supertext.offsetHeight
( v( f: g" J2 C9 _) z }/ ~! T; {5 E$ o2 ~4 h
else if (document.layers) {9 X! d0 S2 O2 m' O
xMax = window.innerWidth;9 Q5 U& ~ H4 w) }# m
yMax = window.innerHeight;
/ s4 j* h; @* L! ]" \7 E% @ U0 w contentWidth=document.supertext.document.width
3 [: [4 g, ]9 ?( j9 \: r/ J6 H7 t contentHeight=document.supertext.document.height- A' a3 w) u6 M: Z) l# Q+ P- L
document.layers["supertext"].visibility = "show";
% F! i' A( f) { }
$ a! ^* x, M' W. T7 b5 a setTimeout('moveBall()',400);* ]. ?# q4 l7 c; K# n. I
if (hidetimer!='')
- q! h; n" e0 j7 b' H setTimeout("hidetext()",hidetimer)
9 K1 f& w$ T% D) c# G4 r8 t- S& I' O/ g }
3 C& w) \0 e- D8 W2 m1 r
! g. u! S* B0 d) A9 nfunction moveBall() {
7 X3 C4 Q" m! F+ l- y if (superballRunning == true) {7 B- q) S- N5 {3 z& w
calculatePosition();- D$ c# i: T6 T& o
if (document.all) {$ U! R( L- a! X. ~: l. o
document.all("supertext").style.left = xPos + document.body.scrollLeft;0 n+ ~- _* P& E8 u. q
document.all("supertext").style.top = yPos + document.body.scrollTop;
5 v- [9 U' C, y8 {7 B+ _- d, V( t }) z, O; l, I, Y' ]
else if (document.layers) {: M+ B; c" F- e9 n" l ? t& p/ S
document.layers["supertext"].left = xPos + pageXOffset;$ J& H0 f- F, h) Y+ z
document.layers["supertext"].top = yPos + pageYOffset;
2 c( m) b$ k# N) j8 G* b: l }6 [4 T) G/ n. \$ y- M
animatetext=setTimeout('moveBall()',20);6 W6 a3 _3 o6 H
}" k. P7 Y1 w$ e5 Z/ O+ O
}
6 G3 p. C) f& N, X
, R6 S% R: A- D; B+ {/ l5 Cfunction calculatePosition() {
9 \) e# R8 R. C, V: ?- `2 _3 h8 ? ` if (xDir == "right") {+ E/ Z% [+ S5 y0 D' p
if (xPos > (xMax - contentWidth - BallSpeed)) {& C0 z/ E% w( ? D/ W+ [
xDir = "left";
& W: E9 y H4 t- r6 D+ { }. c( c& \; u1 \+ j8 o5 w
}
, m7 d0 H* Y: j& l) [# W6 L else if (xDir == "left") {
1 F9 a, t' U8 r7 X if (xPos < (0 + BallSpeed)) {8 {: }1 B! ^, V, j2 h9 y% A6 Z
xDir = "right";* W, k( J. ~1 K( g! M
}
2 V6 y v: P" `6 x" I }
' U& j) B5 Z) n, g1 C. d if (yDir == "down") {
% j5 D: t0 ~5 H$ @$ [( R if (yPos > (yMax - contentHeight - BallSpeed)) {
9 l# D" i9 I$ t+ s1 \, N6 l yDir = "up";& {1 q6 N6 z' }' j; r3 a/ B
}! Y5 C/ ]: s3 y4 e7 `2 u; e4 D
}
8 K: |; v+ a: t# | B2 Y( z else if (yDir == "up") {
1 c# A+ {* h4 z if (yPos < (0 + BallSpeed)) {
! C8 U% u" k% s, i yDir = "down";
{7 x6 d3 u. [1 X9 @& f% c }
5 ^- X7 Q9 O. ~! V$ ]- C7 k }
9 E8 E0 G* L" e3 @4 G if (xDir == "right") {, r$ @/ c, }/ ?6 S5 @
xPos = xPos + BallSpeed;8 e; c m9 ?+ u2 _
}: M$ y1 g' g# j/ L+ A. Z
else if (xDir == "left") {
1 @, c4 w2 B$ t; j) R. u" ?; A xPos = xPos - BallSpeed;! K7 a6 u1 v! y ]6 I/ x: P% i
}* k% t& g) ?, u# H. [5 m
else {
: D9 \2 d! D0 p9 o7 a9 t2 A xPos = xPos;
* v+ y3 P8 K) W }
( @0 T/ q0 v3 R) p x, ?3 c if (yDir == "down") {) g6 Y; b8 p% l- c
yPos = yPos + BallSpeed;
. _# U r8 Q4 k2 I& C }/ i$ u0 p3 M- a/ i! D
else if (yDir == "up") {
/ n/ Q0 W I# R$ `; D7 y yPos = yPos - BallSpeed;; h- Q! F% h1 b- A8 M
}
8 }) P' h" q& v else {% H* T/ m6 v; y3 U" m3 s) [ M
yPos = yPos;
1 i1 T2 @6 L* F/ f, V }$ C X5 y* B% m. I! @
}) T( i9 x4 X7 t8 [( v" S
, l! Y1 e5 ~7 {
function hidetext(){
' a% M; N: S2 s1 U6 c1 q( pif (document.all)
: r/ a$ A3 a( B `/ N+ {supertext.style.visibility="hidden"* Y0 U2 y V+ B* C! k) H: C) t
else if (document.layers)" r c9 g Y H
document.supertext.visibility="hide"
: F0 j2 b9 D+ z9 S. P% vclearTimeout(animatetext)
; O' l# _1 i& X4 U, H}" J4 d2 }! o$ a5 l0 m+ z3 u
$ ]4 @- y8 t2 |1 J6 a+ f
if (document.all||document.layers){
* V; P$ V; D( x: `9 Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 A- ?7 ~0 {" g: i, J2 A$ ywindow.onload = initializeBall;1 P- G0 |5 }0 f' @% q' u' l
window.onresize = new Function("window.location.reload()");
& g3 Y% E1 T: I6 m}- ^& N+ `% n) x O- C2 h; P
E' y. g" c6 T( W* s$ k) _</script> |
|