网页之跑马灯文字特效

zw2004

//修改宽度
7 k& l* R/ c1 J/ r' _var marqueewidth=300
' S  N# }1 M- O//高度( b' a4 ^8 j0 U- P  ?$ z
var marqueeheight=259 w; r6 @. \7 I0 u2 d
//速度(1-10)7 X0 G+ W) f4 \5 `
var marqueespeed=3
# b4 @8 {: v8 B/ l5 Y5 z//背景颜色1 J: ?2 Q7 g: l/ t! F+ X' i
var marqueebgcolor="#FFFFFF"
4 y4 D# |1 \0 a- j//是否能暂停 (0=no. 1=yes)?( C3 `! d1 ^5 k. a8 T
var pauseit=19 f' M: ^) a0 J! P4 }/ h
# z" X' {" y0 r0 `: ~
//修改显示内容
  O3 h/ v+ O. Cvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'( e/ x8 N/ {# ^( X& a0 M, B

* w, K4 w% y7 ?0 d2 y4 k. K5 Z0 @; Y; q
////下面不需改变////////////, ]. U+ u. @* L! K# x* [

+ o8 Z7 o# |* g) E9 Rvar copyspeed=marqueespeed
/ h; i2 z2 K0 T2 lvar pausespeed=(pauseit==0)? copyspeed: 0
2 S9 K5 y8 W/ G6 \% z. I+ lvar iedom=document.all||document.getElementById! x# y3 j, w6 e7 U0 P! h$ j
if (iedom)
# Y2 P4 [1 @- Y3 |% hdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
; C: n) \) q0 I5 ?- \var actualwidth=''* `* W* ^' \2 l1 G! i+ F
var cross_marquee, ns_marquee
; f# d, q9 i" F3 E
. {. `& r' a- m- W9 Nfunction populate(){
; d( a( y# C. J& U* u1 Tif (iedom){
* c8 E! E* z2 C) m) qcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
9 W! Y" p  [" X2 j; ecross_marquee.style.left=marqueewidth+8  r/ X) T: @8 e4 d$ T6 l
cross_marquee.innerHTML=marqueecontent% X: W. @! U6 F; T; M
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
/ f1 T3 Q) E8 j% ~$ A; H( |  g}
# Z4 @$ y7 g2 a/ l& L% ~else if (document.layers){
. p* N! y# l8 Z2 _ns_marquee=document.ns_marquee.document.ns_marquee2
! }( J4 |  s+ V/ n1 X5 D- }6 h* Ins_marquee.left=marqueewidth+8
4 K  A3 J' [( H4 Rns_marquee.document.write(marqueecontent), D5 `8 m9 c$ y9 }7 G+ V
ns_marquee.document.close()
# t) ]1 I7 f6 K  oactualwidth=ns_marquee.document.width& E( q+ B, b" H" Y; e3 s0 y
}
4 c0 n; ]" V1 R* J/ v( x! M! Olefttime=setInterval("scrollmarquee()",20)
( l- {% C8 y9 L- o}! l- P8 G7 w$ v9 m, K% ?
window.onload=populate
3 M( N" ^- @4 `4 c1 z' y) p: v/ R: W% q- B7 y
function scrollmarquee(){
; a' Y! q; r! @if (iedom){' {5 Z* s3 K5 v* f8 J6 v& Y. t( V
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))# R( M, O5 q8 x# s: O
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
% y' f) E- G  ^* S6 T& Felse- V6 e8 ]4 d6 d' C4 ~
cross_marquee.style.left=marqueewidth+8
. F7 \/ \. H4 r/ h% j. h! F# O( e2 w: W; R( g6 C
}4 w9 |. y8 _# e: o# Y& _
else if (document.layers){9 H# }, B3 }( k  T. H# d' K: Y7 Y# g
if (ns_marquee.left>(actualwidth*(-1)+8))' R) c( G8 s3 s$ l. A6 y6 E
ns_marquee.left-=copyspeed0 I3 a* D5 N" P, N
else
" P" t$ E/ l  ~9 ?& a* m7 W2 B$ _ns_marquee.left=marqueewidth+8
. \6 ~: ~& n" R7 y9 e}
( r8 @! X' ]- l! Z6 P% T7 R}" t. P& X( t3 i0 s6 d* p1 x
* v) B& C3 d  ^8 E
if (iedom||document.layers){
: N, X  j$ U" Z3 _7 T& Pwith (document){
4 j) \& J- f/ H. ?" w7 x- Idocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
1 V- V& W. O; n" Iif (iedom){
8 k6 k$ L9 t- D: Rwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')5 D& F+ l8 A# T* I1 i
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')6 [( t& F3 c) ^
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
9 n) w5 A  }$ X; Q* nwrite('</div>')8 [3 p- x: c4 q- {/ W8 y3 O
}( G- k4 I" e  j3 Y
else if (document.layers){  A, W* g% B/ b, Q8 G! o$ R
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
( D$ m9 c  ^+ h. l) Z0 m% uwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
& V' O) G& a& V1 c, {write('</ilayer>')
! }4 P% x6 j1 I1 M, o}, x8 H" A) k* A
document.write('</td></table>')2 B6 s2 U: ~( c2 U2 k
}
% D7 u. s# v. r. ~+ A$ Y; o* e  I}6 t: o) P4 m' ~* T6 D9 m4 c
</script>