|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">! ]5 t8 ]5 {/ P8 V$ s! {
#supertext {/ {1 A6 x, W$ G+ s# |
position:absolute;" \4 @4 n" b3 m4 T( ]6 z
left:0;& T/ `. G- l/ n) z5 k, j& v
top:0;
! G. D5 {4 ~ O0 o# Q7 yvisibility:hide;
. \ M- i9 e O" E* ?, Mvisibility:hidden;
p( B! Y& Q4 M( n: |3 `}* x7 S. y9 c; m8 G' d; o
</style>
& Q0 K. U# D" d' c<script language="JavaScript1.2">
+ ]5 d6 @: s0 {' O- T7 V8 Y* T<!-- 改变下的字体的大小。颜色-->
. z9 L3 F4 M/ ^3 V5 x9 m' x0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ _8 ]3 o2 a4 Q
var hidetimer='';
+ Z7 w# t3 Q& s+ Z/ Y( R<!-- 改变下的弹跳速度-->8 Q0 ]! T+ \3 K
var BallSpeed = 20;: [( y1 b$ D/ Y) T/ A
var contentWidth;" Q! ?( C3 @# `
var contentHeight;
; R6 \) I4 C5 M( j- h2 H1 Ivar maxBallSpeed = 50;* \, z0 u+ V$ C' f) O. a W
* D9 y8 R+ X7 b! ?8 H5 w2 h0 [! v/ b; M4 p, `1 G* b7 ~
var xMax;+ |* A/ p4 U$ U
var yMax;; O5 S/ c* V$ I" `" ^% K4 I8 k
var xPos = 0;& f; R" f9 \9 Q- l
var yPos = 0;
7 N' b& ~& U# D G$ Wvar xDir = 'right';9 _1 f' Z |6 G. c$ I6 N! W- {2 U( {) O
var yDir = 'down';
6 _. z* q: `7 i3 Qvar superballRunning = true;
u3 W! F9 o# ~4 v# ovar tempBallSpeed;4 }; Y1 w5 w, q/ ^4 i$ q: U
var currentBallSrc;: s# Q2 w8 `2 k' }6 H1 R" K2 k4 R
var newXDir;
' ]+ [/ W% I0 A- P I& `1 mvar newYDir;
' g9 \0 J0 `/ r9 X' n; _' q: k/ V. d2 J- O; M5 c" n. g0 D% f3 B
function initializeBall() {
; Z0 `# x* O# ^$ {. I9 P if (document.all) {
. j+ p3 p+ @$ j* l7 Y2 F4 ~ xMax = document.body.clientWidth
5 u' j5 b* Q$ ?; {) q yMax = document.body.clientHeight- `! a# v; \1 Y" y) F5 a
document.all("supertext").style.visibility = "visible";
9 O- L& N3 B. `1 ^ } contentWidth=supertext.offsetWidth
4 M9 B* x5 W+ n6 `' J" ?( w contentHeight=supertext.offsetHeight
9 R7 U$ [4 i) z. \5 f# {+ X6 w }
/ q9 w5 C* S5 |9 f else if (document.layers) {& V) d# {/ e/ T( B& Q7 b5 j
xMax = window.innerWidth;$ Y \0 E9 T- @7 F2 H! f" U
yMax = window.innerHeight;
4 r2 A) b6 g/ L7 f" G; b contentWidth=document.supertext.document.width; h8 k% E, t7 T P% E) ]) U& i
contentHeight=document.supertext.document.height# K K0 ^/ d7 v- ~" `2 C: w8 x
document.layers["supertext"].visibility = "show";8 O0 t" N# S4 d$ C3 m
}: v n; |" A6 @1 a: O- ~+ ]- a
setTimeout('moveBall()',400);
6 @$ l) `: l3 [2 B. u0 h if (hidetimer!='')/ f6 J$ z) V" C. e& Z6 C8 z9 ?/ T
setTimeout("hidetext()",hidetimer)3 U) j1 x/ }3 g$ M+ Q
}
# Z4 |' Q" E2 T( L0 m/ a- m( E! C. [6 @: S9 N
function moveBall() {; k i7 G; y! E# W
if (superballRunning == true) {: e9 _# S% L2 `8 m% `8 j
calculatePosition();- c3 H- ?5 W* ^, w9 ~% _. ^9 Z @# M
if (document.all) {
( A0 r# W! E2 v1 ~+ J# @ document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 g/ I1 a& v* u t8 u# _6 q; z document.all("supertext").style.top = yPos + document.body.scrollTop;
8 l: G0 w! D7 b2 m" W }
) X: `9 X3 y% Q* ]% z Y else if (document.layers) {) t" D N' d1 Y
document.layers["supertext"].left = xPos + pageXOffset;
9 a5 J& l) a0 L+ J document.layers["supertext"].top = yPos + pageYOffset;
' ]7 q1 _. M5 M! Y {" c( l3 H }( q5 t: N+ s: l0 X% }
animatetext=setTimeout('moveBall()',20); B, _9 `' V, a" \
}
( Z+ z. V/ ^3 x- Z5 P, f U; y }/ h5 \4 M! u! ^
$ v+ k4 x2 \+ p
function calculatePosition() {
5 F: b3 m7 S: G( [; A/ n3 [+ q, y if (xDir == "right") {
5 N6 \* K! w* W8 K& x. d. K if (xPos > (xMax - contentWidth - BallSpeed)) {
% i4 k/ `# x1 P! j. Z' R! I xDir = "left";0 J0 e2 `! n! [8 w L1 ]5 a
}
$ e, p1 t! o f- U7 S }
) f# [8 a' u3 o else if (xDir == "left") {
: ?/ y* E0 J0 Z* _+ ]1 V$ L if (xPos < (0 + BallSpeed)) {# \/ C9 R4 u2 f1 c
xDir = "right";
. z s, m% s7 N- G% ] }
/ b) k, u. x9 E- d. F2 u4 T# d- r }
& S j. h* t* P, @ if (yDir == "down") {4 k1 M5 @$ e! d
if (yPos > (yMax - contentHeight - BallSpeed)) {) B" {5 I: j. v H+ i% ^
yDir = "up";" ?" z' A7 t' N6 _( j
}
9 ^) e3 I( T, h" Z7 a }6 I* i, Z0 F, A6 T
else if (yDir == "up") {% n- ~3 m6 y: K' F4 R
if (yPos < (0 + BallSpeed)) {8 w/ P& s: @7 v$ X3 J2 \4 a% y
yDir = "down";
: j, _/ {0 @6 b, a( g( ]6 C }, j" g; x7 ]0 A( h, u6 L, |* N2 b
}4 X9 n9 w& X1 x; a: L
if (xDir == "right") {
' [. t+ B* ~) l xPos = xPos + BallSpeed;- K3 X$ ?6 X# t0 o
}
) W* I+ N$ d" _% F8 ] else if (xDir == "left") {
6 V5 K6 O' @9 ~+ e1 u. y$ o1 W xPos = xPos - BallSpeed;
2 E4 V3 C O. B; o- T& P }
$ M+ a8 @( |4 b' K else {) n% @) _+ [: L4 l+ F: [
xPos = xPos;$ _ F" u# e+ p, B, Z) ?' r
}
5 v- c( J- d& D1 E if (yDir == "down") {% a( E v& r8 s! b& y; W
yPos = yPos + BallSpeed;
. O3 u D4 u) p; c }
2 C( R, j" f5 [7 C. y s0 d4 Z; I# N else if (yDir == "up") {! v5 e7 i) A% ? Q( {
yPos = yPos - BallSpeed;6 w0 \4 C; x% m. Q; f# u/ l8 T
}0 D a8 p: H. a: {8 b
else {
! p1 ~* n0 d/ C& Y* l6 d yPos = yPos;' ~: l+ \; ?8 H3 {. t t3 \6 o- o
}+ u6 `4 Q. \% @: k5 x
}# @# l5 N) ^ K
2 v+ K1 x' c& L$ ]* O/ ^
function hidetext(){& h- ]2 c0 D, v- n7 w8 u- A1 ^
if (document.all)
4 a1 k* D* m0 Hsupertext.style.visibility="hidden": O2 o. S& a) Q& t; k
else if (document.layers)" C* b% ^+ H7 Q. g g! E" d! @7 {
document.supertext.visibility="hide"
! R! x7 L T0 @8 g3 d$ ~5 V: nclearTimeout(animatetext)5 A p$ b) ^% X+ S
}+ D( u% H3 V4 v: g9 `( L
- E9 x9 ~# z6 h8 z1 Z' J: p+ J
if (document.all||document.layers){+ x$ g2 T2 ]2 N8 k" R( S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 P- t; h: F: K& y* {window.onload = initializeBall;0 J) ~% z; ]: l
window.onresize = new Function("window.location.reload()");
5 w& Q6 A% H/ x$ s}
. M8 s: `/ w% J2 y/ w' e
4 L) m, \& f0 T& @ o</script> |
|
发表于 2008-1-21 20:55
|