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

|
网页之不断弹射的文字-特效
<style type="text/css">0 s; [' X2 d; }) Q3 p- L
#supertext {
8 t2 c; r5 ?8 _$ a: Tposition:absolute;/ x v2 C1 a, [) ?% T
left:0;: S/ w( p6 J4 _
top:0;2 X7 @6 h _# M5 [ o& I3 q
visibility:hide;
* s/ j8 ]+ m' t P% [) P( d+ a& lvisibility:hidden;: O/ P2 k+ h+ K, }4 `# u6 i0 B+ N8 ^: y
}, b: X' a4 s, o% W2 Q! f* v4 v
</style>
% y& O$ G3 t7 P2 j, f, i<script language="JavaScript1.2">2 w! `- H1 A& v- W8 s
<!-- 改变下的字体的大小。颜色-->
( w7 p7 C# F& s1 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: \9 v7 \& I4 Q# S$ S1 yvar hidetimer='';
; y; s+ a' K. Q; l5 h* J<!-- 改变下的弹跳速度-->
/ f7 g1 H# y& Q& E$ U3 h7 k4 [var BallSpeed = 20;
' @* T5 F# z/ @+ ~8 A+ \1 j) Z9 J3 Jvar contentWidth;
/ x+ T8 G4 N- N* B5 _var contentHeight;' N/ i+ g) b4 A0 Q6 m
var maxBallSpeed = 50;) F# X( A- u9 t4 k" K) n* V
) y+ |+ r7 n" Q* H
3 b# ^' m6 v7 d$ _var xMax;+ T$ N" v, l O( V+ n
var yMax;- w5 K7 L6 f+ u$ r E
var xPos = 0;' y, k) o1 v+ T
var yPos = 0;5 a, u* ], l8 H. z! [5 o
var xDir = 'right';
, E2 p$ h. X( K: E4 \7 p6 Uvar yDir = 'down';
( {+ d# s# n5 r5 n7 q% l, g5 {. qvar superballRunning = true;3 S6 Q3 M( |) x7 v/ x8 ^
var tempBallSpeed;6 e8 Z/ f* F+ e: r2 H7 A# |( `
var currentBallSrc;
! T- r: E' Z6 f+ B! ]9 i; M: K Ivar newXDir;
8 D0 J' s' X. F5 r* ovar newYDir;- t+ X# p: @! Z$ J( `
) j: f6 g- S' v* S3 [: kfunction initializeBall() {
+ X7 @' y5 z* |9 V% h if (document.all) {
3 v7 W- e3 Q0 A" B! n$ `) g" Y xMax = document.body.clientWidth' }/ i9 `5 E2 Y* I4 u
yMax = document.body.clientHeight# w& Z- ~& z# D- r+ V. x# t
document.all("supertext").style.visibility = "visible";
( D5 F( j: @: V" h1 n contentWidth=supertext.offsetWidth
$ D) g: z: e( D: B( C contentHeight=supertext.offsetHeight
9 v6 x5 m# j* s4 ?. T, O2 K }' M7 N' U, v+ J9 t6 ^
else if (document.layers) {
# l: k: h4 T6 V7 T# q4 j, s& L6 E* @ xMax = window.innerWidth;
: Q/ H3 C2 z' ~8 K3 X' X yMax = window.innerHeight;
0 l& U! y$ D. y8 [2 x& B contentWidth=document.supertext.document.width5 [7 |" s" ]' o, M5 z1 }# F8 m3 {
contentHeight=document.supertext.document.height
( U5 E7 e3 Q- p) o document.layers["supertext"].visibility = "show";! G3 B, O5 d1 b, V' J5 [9 e
}
" n* A$ j. d4 e$ Q0 D setTimeout('moveBall()',400);: |6 t0 B1 Q, O9 ~( }
if (hidetimer!='')$ W( |$ L- ~) P
setTimeout("hidetext()",hidetimer)
/ ~; f. F0 t, X* ? }
2 X; Y% M6 l0 g) m* }2 Z# E: O9 F# D: E
function moveBall() {" S7 Q. i2 Q8 ]" l) d5 p
if (superballRunning == true) {
8 o2 E) X1 j( p2 w, O calculatePosition();. g7 ^) ]8 {+ n% y1 H4 {
if (document.all) {0 Z, V3 l0 [+ |! \$ g* Z8 Y+ e
document.all("supertext").style.left = xPos + document.body.scrollLeft;! |' ~" c& \4 f5 D7 ?
document.all("supertext").style.top = yPos + document.body.scrollTop;% @8 B, i& F7 U$ {- n
}
' K( g' ? b8 N. j0 o+ |8 [ else if (document.layers) {# n4 w w ]# \) m6 c' |
document.layers["supertext"].left = xPos + pageXOffset;* q" y; Y$ ?/ r. i8 W: u3 w
document.layers["supertext"].top = yPos + pageYOffset; Q; D6 W9 E: {$ _
}
8 ?/ w4 Q3 ~1 f- s9 | animatetext=setTimeout('moveBall()',20);8 v; Q% O" }5 ^3 l
}& d# e m* x% w: `' }- m
}- b+ n ^8 d7 Z O @; J
+ d5 x; G) I& b1 ]: m' d8 A
function calculatePosition() {. q2 I$ @$ a8 }) u3 [5 o2 u
if (xDir == "right") {
' W9 Y" }& q4 _1 g$ p' R if (xPos > (xMax - contentWidth - BallSpeed)) {
% D( e2 c2 a0 h( `) v0 Y: ? xDir = "left";
% K/ q& O/ i! A }6 n; g) N$ P( L
}
8 z/ u: E- v6 T else if (xDir == "left") {
$ `: _% Y3 f8 a( @ if (xPos < (0 + BallSpeed)) {* |3 U X5 r& z* q
xDir = "right"; T$ L) v6 g g3 a! o
}5 k0 ^7 d( i- |1 ^ ]
}
% N D$ ^/ _% ^& g, |1 U if (yDir == "down") {" L& S' _# ~6 V& }
if (yPos > (yMax - contentHeight - BallSpeed)) {; D3 m( D5 x4 R7 _
yDir = "up";
2 k; j( k* r0 o }
, T3 G+ p* o+ n* C+ M: K# ^* m }
; o3 F+ F1 H& J5 J! t: c else if (yDir == "up") {0 [& B" `. {' }2 _
if (yPos < (0 + BallSpeed)) {
( |0 I$ N" H& x, O$ N yDir = "down";
, }# Q) O) k6 X5 a( m8 B' u/ M }
& M" U4 G) ~; A3 }5 v0 g+ a+ ? }
3 D9 X1 w: q- D1 \: O! X' F if (xDir == "right") {' k5 h& L; ^& U3 @( q( o
xPos = xPos + BallSpeed;
4 `5 S6 d' J* ~4 W2 d }* g; S3 g& Y+ ^, {) I7 l
else if (xDir == "left") {4 q- J6 [; x# D' f
xPos = xPos - BallSpeed;
0 K6 G/ A( l& _$ H9 l7 F& S }
r( p; Q L& {0 ? else {
\: |9 p0 e1 F' Z; u# I( M xPos = xPos;
i. V5 ]4 \; d }5 {* U6 A$ x' k( a5 {
if (yDir == "down") {
/ r+ z6 {% u) G+ \9 j. W7 r yPos = yPos + BallSpeed;
( ]. k) P; t. P2 c }
T) a2 A8 l% k else if (yDir == "up") {
. a' u3 B% L0 [ yPos = yPos - BallSpeed;% Y' v7 ^; L$ h. R
}$ \( ]5 @- h: |- r9 w( o2 d
else {4 z* L) [4 c- ?. `+ h- y
yPos = yPos;9 K- W, J# {/ \: O$ @) g
}9 T9 y! J; s+ }
}! g; G$ B& S- H6 u- o! n
4 e- Y) B# o* f% Cfunction hidetext(){
; Y9 c- [( i" O9 _; ~; qif (document.all): r( o4 N+ y2 {, Y5 h3 `
supertext.style.visibility="hidden"
/ H6 g" e- t0 K$ t+ j& zelse if (document.layers)9 u) C" ^: [. ]
document.supertext.visibility="hide"$ e1 u- ]7 ]0 x/ W8 H3 i- j
clearTimeout(animatetext)& U9 S+ x$ o0 X
}0 Z7 u& `3 y3 ~, B
& L* ]* p7 P: E# o1 nif (document.all||document.layers){+ T0 j* p6 r( S* [+ e' L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: z# B7 N5 ~0 O1 z, C$ v( H. Swindow.onload = initializeBall;% Q# T: j; }8 |8 n( l6 M7 w- ]1 u
window.onresize = new Function("window.location.reload()");
0 H7 i/ ~- {3 l6 d- ]* \) @ H, N}
8 D+ ~9 L! B. T: P! G7 Y3 ~- _5 X( u
</script> |
|