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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ c) N# n( H" F! u- D#supertext {
! J' Z0 O8 J1 E5 W3 `8 m5 [, ^6 Hposition:absolute;
3 J" L8 O j6 c4 lleft:0;. z0 L; m! T* Y) r0 S# ]
top:0;
" o6 Y, T1 l& U0 t9 F( x- D4 V% Jvisibility:hide;6 {; M+ l$ P" s; n+ l0 N" N. n1 h
visibility:hidden;
3 U! L) }" n8 l}
' O, N2 h% R; F+ R: _" h' Q+ k</style>
/ r; |2 d2 u# s<script language="JavaScript1.2">
" r/ s C; ^1 }5 q* y<!-- 改变下的字体的大小。颜色-->
Q$ a& g. ^, x+ r+ bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ |/ y* z9 E N1 ?% ovar hidetimer='';2 A( J$ i2 Q9 W4 I- m% K. d
<!-- 改变下的弹跳速度-->( i* r. ~0 k) h' j3 g. v; _
var BallSpeed = 20;5 [) B7 M6 r# F9 _
var contentWidth;
. t- a! M+ K y/ xvar contentHeight;
& p. }5 m3 m @8 @; K% Y8 evar maxBallSpeed = 50;
% a& F+ ?2 n% h+ Q3 o9 N7 Z& [ d" B" e* L* B
- s; v% X3 H( H. F$ ]var xMax;8 q; Y. q8 j1 b1 l" H
var yMax;
& `9 @& S8 s1 Q) g) f! Zvar xPos = 0;5 o; ~6 A# b* n* S5 g9 b
var yPos = 0;. c p2 R+ r* n$ U4 @8 t% Z
var xDir = 'right';
' S/ k! A8 b& x% G5 `5 n1 P/ hvar yDir = 'down';
# @ p, y. H1 U! }: M" Kvar superballRunning = true;
% J$ T$ i$ h7 O/ z* O- A$ }+ K3 wvar tempBallSpeed;# }8 r* N. V- i. i
var currentBallSrc;3 d; J# e! U& h2 k: Q2 u1 y+ I9 [
var newXDir;% m' E6 \, K/ B3 E2 Z3 a2 U) f
var newYDir;1 ~1 T6 q* d6 _3 c" i& j! C5 Q
1 h* \" M3 v9 a( I
function initializeBall() {+ w; A+ P% c1 }% q5 o
if (document.all) {: W8 N9 ?. S* [8 x w* s
xMax = document.body.clientWidth
4 R9 N9 e8 |: u9 I. o. I yMax = document.body.clientHeight
6 T6 k# k3 u4 c7 {8 c# N6 E, d document.all("supertext").style.visibility = "visible";& F; w( H! t2 l+ G! D+ f
contentWidth=supertext.offsetWidth7 H( A ^, }) r$ M4 `" H- J
contentHeight=supertext.offsetHeight4 L) q0 b O- g
}* S8 Z$ w m9 D# [+ O- R6 t
else if (document.layers) {* y" _: _9 D: D. |
xMax = window.innerWidth;7 H- i' i! C0 i, g
yMax = window.innerHeight;
) e% m. u8 A. T4 {4 z) B7 d+ U contentWidth=document.supertext.document.width, g$ b- s2 `) ~& c' b7 d# _+ d" s
contentHeight=document.supertext.document.height
/ ^6 Y2 u( {- B. P8 ^8 d document.layers["supertext"].visibility = "show";
% f1 h$ ]' }8 e) D }
2 V' l8 T; R4 r9 [( j0 G setTimeout('moveBall()',400);; _( [% m) E2 b9 N, T
if (hidetimer!='')
( W: ^5 W9 Z$ N* F2 [ setTimeout("hidetext()",hidetimer)0 d" z3 d- m+ @( f& D
}0 n) x6 l! Y5 v, h. t) k
+ a/ \# C: P. J( kfunction moveBall() {
! l# k2 y& @9 x" D if (superballRunning == true) {
+ S9 C! n" U5 v& ~ calculatePosition();
% U) V& `& i" K( K if (document.all) {
& I& \. A" X8 j5 r2 | document.all("supertext").style.left = xPos + document.body.scrollLeft;' H0 p7 u" c% q7 B0 h% ?2 ]
document.all("supertext").style.top = yPos + document.body.scrollTop; |1 Y0 f2 [1 T
}2 S( o7 A* F' e: }
else if (document.layers) {: H7 _7 N% W) a
document.layers["supertext"].left = xPos + pageXOffset;% Z' y x5 {5 w9 g( E
document.layers["supertext"].top = yPos + pageYOffset;
" o6 @6 V) p: u+ ` }0 z" `+ r# c5 E6 F
animatetext=setTimeout('moveBall()',20);
[0 r& i9 }+ O' V. J& v }& k6 ]8 E- }/ x4 v8 R3 E/ r* z" E4 u
}0 ~: T' P0 P9 _+ C& ~3 P+ b
8 D' g! t: J9 ~% x$ wfunction calculatePosition() {2 l( L) E' K0 D, g7 q+ K9 S: m
if (xDir == "right") {+ n5 B; c9 b& l) L3 a0 [
if (xPos > (xMax - contentWidth - BallSpeed)) {$ _. {5 @: {& w( t$ k$ ^' ]/ a
xDir = "left";
/ m3 y$ ^- D( N3 K! l% s5 l }
+ c4 g5 l7 f8 f1 O9 R$ W2 q1 [, x }4 Y4 m+ M+ |8 z6 e" I- d; @
else if (xDir == "left") {6 T" r8 Y8 }3 R2 F2 `: i! d' k9 v2 P
if (xPos < (0 + BallSpeed)) {
& g2 f$ k/ k$ ^0 [& } xDir = "right";% l7 I" p% r$ F/ {( z) B9 J
}
% ^1 |' V* j6 l& K# i }4 a& ~! K3 {) q* A4 h- z1 h
if (yDir == "down") {
: k3 E& [ r6 r- X4 R3 @8 Z8 C6 k if (yPos > (yMax - contentHeight - BallSpeed)) {& m! O" S8 c$ O* p
yDir = "up";8 H1 r; A0 m- J$ i, }1 }0 B! W: [
}+ ^' g2 \5 E' o8 C
}
. T9 ^4 Z1 b; b8 Z else if (yDir == "up") {
0 {$ n }$ d/ z" n if (yPos < (0 + BallSpeed)) {
6 h( l! H/ |( O: k' G yDir = "down";
" U5 C! ?6 y5 W3 N; m- F9 q% A }, O: z l2 y- l! i
}
( }4 V& {; s5 e: f- A' }3 S! G if (xDir == "right") {
! X, ]8 g* j8 w# r& s& q; m1 v1 r xPos = xPos + BallSpeed;
) j7 h3 f& b: b7 D* Z& u" | z, R }
: Y: t+ D: `5 k+ b n4 D else if (xDir == "left") {7 W% b _2 v# `' Z7 E6 L, f- `
xPos = xPos - BallSpeed;
; ^' V3 T0 \7 N6 D }
2 d( `- F( l0 W/ o else {
. D+ G, d3 j& ` xPos = xPos;; _+ w5 W( A8 ?) C; b: C/ Z# d
}
. x1 w7 ~/ h$ K* d }, _& { if (yDir == "down") {7 k; A0 u# }; v P
yPos = yPos + BallSpeed;
' g" a7 m% T8 o+ x4 {1 [6 U }
* p+ q$ y* D: c, ]# H: ` else if (yDir == "up") {: @+ D a/ m& c" R- ?+ X
yPos = yPos - BallSpeed;
+ ~7 Z& R# V$ e }) u0 Q/ H% o- J7 V% P
else {
, u1 t& j1 Z( K8 T7 x- K" m yPos = yPos;2 \, g( a& F9 M/ d u* M' k0 u3 X
}
/ c' Q! Z. @% X: D }" H. K7 c$ v: ~# k
1 x; O4 Z! ? s0 d( N
function hidetext(){
, [- P' S: ]! l" b0 aif (document.all)% z! x9 _' q; |) E3 U4 @
supertext.style.visibility="hidden"
! P: L* x5 T) r* Z4 lelse if (document.layers)
% `) K) h0 b Mdocument.supertext.visibility="hide"
p' W% W6 _6 S( v yclearTimeout(animatetext)
7 Z& B9 Z& t" q! @+ R+ k; B}5 p7 G/ O @$ b7 ^% p% P$ J
o, Z9 r$ c% K# Bif (document.all||document.layers){
/ y9 r5 O" f/ V. f8 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 T0 b" y2 q- l0 i1 V# ]window.onload = initializeBall;
, q" U/ I% @2 _ C9 G8 q7 z8 P7 ]window.onresize = new Function("window.location.reload()");
3 q! v0 O2 }) R3 D* E/ E6 j! D+ H: x}$ [9 R, |1 M' }% g- A& j2 S" B
6 k+ O0 q2 _) y5 T* J. c3 g: T
</script> |
|