|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">+ A+ _& w' ~$ `7 R
#supertext {7 Q5 Q9 g; e U) V
position:absolute;
2 }. m' J1 F& P8 c* l; r0 qleft:0;
( T& {' O/ J- k; U9 ?- Y- }top:0;, p o9 `9 H4 f$ ^$ d
visibility:hide;
/ z- X% w/ h6 S7 Q9 T5 H8 _visibility:hidden;' N) N8 S9 z, ?
}
, z- c4 t8 w! P: n6 x6 M- g8 J: f</style>
& T% z/ Z9 ~+ c1 b% D: Q/ P<script language="JavaScript1.2">5 L, H- t( Y, P$ b! r8 @+ A
<!-- 改变下的字体的大小。颜色-->6 Q1 j2 W* s% Y9 Y& ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' }- x6 T; [3 ]1 yvar hidetimer='';
% W8 q6 Y- ]& y<!-- 改变下的弹跳速度-->+ Z" W b% D' t `& w% R
var BallSpeed = 20;
! }# |( g2 v" s* ^9 x" i+ }var contentWidth;8 [. L& g$ L/ y. ]% D9 p5 }
var contentHeight;+ t* u) A' d. X. _+ V
var maxBallSpeed = 50;1 i& J& `* F6 c& b* @
8 ~5 v8 ]: ~0 r5 d4 M
/ O% S- w: S# v) b
var xMax;
+ ~& z$ {/ S; zvar yMax;( \1 i8 ]6 k7 O/ A
var xPos = 0;
5 H R* a" T4 Y8 q- ]& ivar yPos = 0;( ], C: B1 X* I) y5 F4 a
var xDir = 'right';. r5 d* k: i# @- n
var yDir = 'down';1 Q% V; Z; [7 b9 G1 \. a
var superballRunning = true;2 ~, B/ J9 ~6 K; _. k. U
var tempBallSpeed;% E1 L, Y9 v7 a) n8 U' d
var currentBallSrc;5 }% G/ ^7 L# `+ }- P
var newXDir;
* P9 F' _% e$ {0 K/ D3 tvar newYDir;8 @8 M6 V; `& j* q; V8 k
/ A2 N# j; X5 K/ D5 Q8 `* m& bfunction initializeBall() {8 o/ [ _7 w5 u( o6 w8 c' a' D
if (document.all) {0 ]2 o% r# V! S( F" y R8 L
xMax = document.body.clientWidth
" `+ T/ Y: b N1 @# _+ l6 h+ q yMax = document.body.clientHeight
. v8 F4 Z; l* H9 {: U document.all("supertext").style.visibility = "visible";
' {8 L& l( L+ d4 j% G' i1 q; J contentWidth=supertext.offsetWidth4 ^, u& I h) f( L7 C" i; k4 e% }0 [
contentHeight=supertext.offsetHeight2 z1 G0 d% M/ i# W' S
}
t- N: ^9 i) _+ M* Y$ R" G' Z5 v else if (document.layers) {
; n) a1 M. \+ N: U; I+ R xMax = window.innerWidth;
, ?$ x* v' l' l$ o i; ] yMax = window.innerHeight;
# P6 W2 w: P, b8 n; u" k: T+ d' i& g contentWidth=document.supertext.document.width
1 m7 d, `/ p( a1 ^' i contentHeight=document.supertext.document.height
0 |. N) n- o# v1 {% k3 B, J document.layers["supertext"].visibility = "show";2 I1 X! f* u) C& l& L$ j
}
2 x: O1 h, e. b$ _( [- o setTimeout('moveBall()',400);
8 G$ C8 y( J9 E# X if (hidetimer!='')) l- @/ N! y: p- i- m! M/ C! e' w
setTimeout("hidetext()",hidetimer)
1 q5 Z" d; j4 l0 Q" R% \0 Q }, p6 Y; r, W/ Z& j. v* o' J
# w5 X) w# @: ~% jfunction moveBall() {
/ _0 V7 a5 K$ q8 b if (superballRunning == true) {
6 `1 I+ R& R6 T calculatePosition();; f, f* | v/ f! A4 x
if (document.all) {4 o& k0 _8 L: Y- ^, r
document.all("supertext").style.left = xPos + document.body.scrollLeft;# A$ D/ m! B2 ], g! }/ P6 \) K
document.all("supertext").style.top = yPos + document.body.scrollTop;
# Z1 H9 \3 U4 Q# U. Z }
" s& D6 H7 x" U! T; X0 M+ c4 { else if (document.layers) {
0 j) W1 z5 \2 n- m/ u+ Y document.layers["supertext"].left = xPos + pageXOffset;
0 d9 S Z& I# j6 e6 w+ L' V7 B document.layers["supertext"].top = yPos + pageYOffset;
9 w- ~4 D" Z, ^! V }
0 N* |$ b. Y& O animatetext=setTimeout('moveBall()',20);
. t+ S; _$ M2 L8 u }7 \- E. \# Y8 a1 S9 r' \
}
, `2 _3 [% _2 ^5 U8 C2 m: f1 h6 y: A# K5 i. R2 Z
function calculatePosition() {. ?9 D/ Z- ]* T
if (xDir == "right") {
' N* Z+ }# F! D' B0 S if (xPos > (xMax - contentWidth - BallSpeed)) {4 I% `6 z: V5 S; s- k) [# c2 i U' Q
xDir = "left";
5 h. [9 R. ~, u$ Q }( h# v/ b5 F) A. K* m- I
}
8 [! ^( x4 V, U+ z# E, ?+ }& k else if (xDir == "left") {
. j$ ~# P8 ]$ S9 p if (xPos < (0 + BallSpeed)) {
0 u6 t3 j) f2 C. S" w xDir = "right";6 b3 a* N- h4 G d% C
}2 z% O- _2 E" e* ]
}
. i9 `; `4 \' Z9 X if (yDir == "down") {6 j3 m; f7 Y3 Y/ T9 |9 \
if (yPos > (yMax - contentHeight - BallSpeed)) {
& P, r* L7 B4 P7 j3 z8 | yDir = "up";# I; t" Z3 C2 d( c$ S; Y
}
- E7 f3 @8 A. L( D& X; B }
% l( f8 H# Q: b else if (yDir == "up") {9 g+ S3 S. Q! n
if (yPos < (0 + BallSpeed)) {( Z |1 W8 w2 \. |8 }% ?
yDir = "down";
" A6 N+ D* g" w$ \4 `' N, a }
k( C1 I& ?' t Y1 @, y2 l }
2 m2 T# j' B9 K3 _( {7 ] if (xDir == "right") {
1 `6 V* f% R) ~& n5 }4 P! o xPos = xPos + BallSpeed;
+ t3 p" T0 z$ v! ~* I7 F0 _+ m }
3 k4 [1 \! l) ]" R else if (xDir == "left") {0 q/ b, L3 I! ?4 G
xPos = xPos - BallSpeed;
5 }5 i3 |8 L7 u }
* ~4 G9 x, b- @' v: t/ e else {! _" k1 _, t3 [* q
xPos = xPos;
! y q, _. O, h }
7 e2 P$ S z. x$ k( K' j if (yDir == "down") {& N# W3 y- p9 _ h
yPos = yPos + BallSpeed;
6 y' J9 l* y$ E2 F' Q+ [8 ?) j }
1 G6 r8 @$ }% K4 H3 }! v" w else if (yDir == "up") {
; q* V2 p$ M, ?2 |$ K q8 n yPos = yPos - BallSpeed;
' N/ i6 d1 [( d% l K# o7 g }9 D3 [- d3 B7 a6 b
else {; w1 |' U2 f9 E( X( y
yPos = yPos;: Y, b2 e5 \7 {% p
}8 n0 v% I/ \* p1 m
}8 r- G9 q( ]# d8 |+ _- \3 W
K9 ], \/ @' h2 L
function hidetext(){ B8 U7 Z! e' S9 ^ N6 Y2 K9 A
if (document.all)4 m# `7 x; E9 |* v. U, M
supertext.style.visibility="hidden"7 @4 G+ u6 S+ Z
else if (document.layers)
* z( l' D0 J7 e1 a6 Vdocument.supertext.visibility="hide"
( q- s( k5 | ]2 oclearTimeout(animatetext)
$ J3 u- V9 |. @" i}# D$ S4 z+ u" O- x# O- ]; U
+ i* W1 o/ _6 E1 F* |
if (document.all||document.layers){
+ J* e& I9 [( T. Cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 f m5 a& L5 u2 x! w' wwindow.onload = initializeBall;. D/ \: u: q. z! `- v1 _+ p6 R/ y
window.onresize = new Function("window.location.reload()");- a+ z$ x/ W! B$ C" K) J
}
' S4 |. k% R; g
, q8 @4 J- X) ?0 v; k/ C2 q</script> |
|
发表于 2008-1-21 20:55
|