|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
2 T8 K& F1 z# C9 A& J#supertext {. I* |0 R( I1 t) K( z; V# f0 I
position:absolute;
% f- P4 Q3 u0 g4 i1 r! G' m' ?left:0;
* W7 @- Y- ?( e8 t: ]0 o; ltop:0;3 N4 X7 E7 l; \- W% Q4 O. F1 c
visibility:hide;
- i0 B& B9 o, G4 j5 C6 ~* lvisibility:hidden;1 u* M; N$ ?1 C1 Q, Y; D1 w1 h" I$ G
}: X' l# \* p4 K
</style>
N4 i# x; b7 P<script language="JavaScript1.2">7 D& S$ ^2 j' f& j3 r1 |2 u
<!-- 改变下的字体的大小。颜色-->. z) T) w w/ o; i R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* O" U0 v. c/ H$ ^
var hidetimer='';
: t2 P H7 |# O; T" h<!-- 改变下的弹跳速度-->- n4 v4 K) \* y X' n
var BallSpeed = 20;5 C. ]* E) S5 p5 D/ h
var contentWidth;, Z5 d4 ]7 M& E6 w/ ~) U! i
var contentHeight;
, q8 c. I2 k& B. t9 W( d- w ]var maxBallSpeed = 50;
$ I+ M- R% d' A; ~3 P" y3 v. Y. S. R3 W" m/ r
, L8 o& b3 @4 ]var xMax;. {3 X5 g6 _4 S+ A. h
var yMax;( J. W) `3 d+ b
var xPos = 0;7 W. Q' ^8 P" V% u6 T
var yPos = 0;
* w/ P. l+ p+ ]" x s* [' Svar xDir = 'right';
& c+ R/ ?* {& p& d; ~var yDir = 'down';
, D" F! u- B+ V' T* P( Uvar superballRunning = true;+ b1 |3 j4 O( K& f( X2 b
var tempBallSpeed;
( K8 }0 h( F% N8 Y6 vvar currentBallSrc;
" s2 P7 Y) q* ]8 @# t3 O' Ovar newXDir;5 @& d$ ~- \8 X" I
var newYDir;
0 g+ g2 a$ u4 {& Y* ^+ j1 k Q5 |" @3 ]2 a5 j, X- J
function initializeBall() {
, a& D: w o% ?9 a W k3 ]6 l2 ~4 \ if (document.all) {
) |1 E; l+ Q/ r" R xMax = document.body.clientWidth* B$ c4 ?7 q+ |
yMax = document.body.clientHeight
- v/ [# h9 F; @; l$ M, x" T& A4 v1 T, h document.all("supertext").style.visibility = "visible";+ m. I Y! _" O* \7 X$ z, ~, i
contentWidth=supertext.offsetWidth1 m' v( W8 M$ z
contentHeight=supertext.offsetHeight- x1 |! m# ^. w
}
# ^+ c8 a" r( C$ E' c4 s7 Z else if (document.layers) {; C. c' m+ X1 @# b5 M P
xMax = window.innerWidth;
, ?2 Q: Z9 E" u; Y yMax = window.innerHeight;& H# _: r' d2 X& d7 @7 Z
contentWidth=document.supertext.document.width% q x7 n' a" J* A% h
contentHeight=document.supertext.document.height
9 N" y1 V# @7 ]2 m; p/ v8 Y$ W% { document.layers["supertext"].visibility = "show";
2 ]( Y2 [/ h/ ] }8 x0 V6 E" `2 j. ?$ f3 | W
setTimeout('moveBall()',400);5 h b' \) o2 z x* W; y
if (hidetimer!='')/ \9 t7 X P1 k; a
setTimeout("hidetext()",hidetimer)2 U2 Z( p! \8 M0 B
}, |" ~5 `, u# J( Z x
; Z4 r# o) p afunction moveBall() {
9 u8 [7 {& e% p( Z if (superballRunning == true) {9 A+ s7 |; J) h6 W" Z
calculatePosition();
- k; F6 r) g( o* \; t) } if (document.all) {
( S8 u9 X6 n7 @" R) z S document.all("supertext").style.left = xPos + document.body.scrollLeft;
# C# k8 t: H+ ?4 d& r4 o document.all("supertext").style.top = yPos + document.body.scrollTop;
# D) Q1 j Q4 I& p6 p! @ }/ z* {5 J9 ^9 K* S9 G0 N) e
else if (document.layers) {- s5 P- f2 \6 H$ w- B$ k
document.layers["supertext"].left = xPos + pageXOffset;$ f1 {+ W! h4 b. q1 k2 S, f- O
document.layers["supertext"].top = yPos + pageYOffset;7 S$ x9 a$ Y, D8 Q r- u" ~
}
6 T6 c) I+ h9 Q& `* f R t6 N animatetext=setTimeout('moveBall()',20);
, h# p- ~6 o' P9 m: T6 O5 q }
$ f7 N+ [; Z% s# W& w5 I }
]2 O8 A4 V5 X8 ?7 f8 f5 U( p& j: r6 |8 V; C0 {( a4 E: y V1 p1 F
function calculatePosition() {
, K7 W( m! D5 ] if (xDir == "right") {$ j! D7 b* H$ K
if (xPos > (xMax - contentWidth - BallSpeed)) {
% i I7 H! j4 F xDir = "left";4 j* y1 r" T5 a/ @4 \
}& K8 k9 [( @/ s& h# Z
}
# x/ M! s4 p# o0 A7 u8 \, i else if (xDir == "left") {
" @8 [& t8 r6 m- B& Z5 ^, L if (xPos < (0 + BallSpeed)) {9 d0 `1 t, |6 s2 W/ {8 U2 ?
xDir = "right";( r C4 G& R# o- u! k0 T
}$ i3 C! i( M& r8 `
}
; f/ R1 f1 L6 B) ?: W if (yDir == "down") {
0 d* ?5 `. `. Q' P, r; c' e5 o* D" F if (yPos > (yMax - contentHeight - BallSpeed)) {
5 d( \7 f( q% D' d yDir = "up";6 G1 Z/ X1 S. I
}7 ?* I! r* l6 V( P$ R0 ^" X
}
: U& | O3 G$ D( Q2 z else if (yDir == "up") {1 K- P& B3 T& _0 X6 G: ]
if (yPos < (0 + BallSpeed)) {
. F9 J: `1 Y* _, ~! w" H6 a2 K* ^+ j, j yDir = "down";. H, G8 U1 O/ Q3 y/ F, O
}' X9 }" d' B! [1 s
}1 x/ Z# l" \! N& ~- i7 L8 ]# A5 k7 y
if (xDir == "right") {
. _$ ~; m6 u% u$ \ xPos = xPos + BallSpeed;
5 l) }& n, F5 o7 ] }
4 g- n4 j; P% S# }& u else if (xDir == "left") {9 s( g: m( i' D5 ?$ Q$ `; d: c
xPos = xPos - BallSpeed;: a: ?( g1 M6 ]. n/ k2 b
}. P* p* f" {. R, B, v
else {
4 H! n) \9 Q% I xPos = xPos;9 C; i5 P. U) q; w9 G* o
}5 l! O/ W. F9 c- `' L+ Z% R/ S
if (yDir == "down") {4 S* `( d: Z! K* A n- M* R2 I. v
yPos = yPos + BallSpeed;* T% u H/ a' M3 L+ c8 `$ X$ J. E3 z
}, r: ?$ ?2 Q% q) C" }& e
else if (yDir == "up") {
' u1 t' l0 [/ ^+ ?- }# U9 W yPos = yPos - BallSpeed;
; X$ w5 s! q" K' K/ @" x }
; a5 O, Q; e% ]* O0 r else {
7 D: `+ B9 x/ q! t5 l3 i yPos = yPos;
( O+ o+ f! Q/ @) X- Z; H& S }
7 q0 o# s/ t, B4 _4 \* V! _. G+ C }8 B# W+ g9 D& D# I) q* e
* Z, L \( \$ ^ N' v& {function hidetext(){
0 v# q4 R( B. L, v' T9 n2 l pif (document.all)
+ c* w, [* |* ^2 i" x, P: u) Msupertext.style.visibility="hidden"6 W) \! _+ v: F$ H
else if (document.layers) r z, _9 k9 K2 K9 m* r
document.supertext.visibility="hide"
% ^$ J4 f3 [$ ~) t. sclearTimeout(animatetext)# A9 `9 ]+ o# y9 ~* ^3 }3 Z: U& O
} _: n8 q* I7 ~$ a* F I* c
- l* {$ @) Q3 w8 T$ g
if (document.all||document.layers){1 r1 }9 i- o: W7 Y, P% r7 k8 b. Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Z, K6 t! [) K
window.onload = initializeBall;! x# h# b/ s7 C, M9 `' X
window.onresize = new Function("window.location.reload()");' z, a* H7 }' g
}
5 _7 ~2 H% S; U2 a: R5 v1 q, H: x
# E; o" c: r7 D& a# b</script> |
|
发表于 2008-1-21 20:55
|