网页之跑马灯文字特效

zw2004

//修改宽度8 F  E" w! ]8 E: J; L$ @8 x: h# Y4 K; a
var marqueewidth=300
; N. i4 R' M2 e$ y- e//高度
+ G- I7 o! R6 }' I* qvar marqueeheight=25
( d4 ^; B! r( n8 M% }//速度(1-10)
* g9 \3 V; ]6 Pvar marqueespeed=3
4 A" b' ~) @2 L, L+ B5 b* v//背景颜色
. Z% y3 x8 M3 ~  T( avar marqueebgcolor="#FFFFFF"* W6 r5 N* c; y- b& O
//是否能暂停 (0=no. 1=yes)?5 ]: t: a7 K$ `/ D
var pauseit=1
9 O/ k7 u% G5 \+ e) f' q( }  X
' ?1 w. A4 w: K//修改显示内容
2 l+ i: s; ]+ a% V' Gvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'3 C' t. y% V! v, F/ [/ h
* `8 }4 j$ e+ G0 ^, w

3 z, p3 S2 E& m////下面不需改变////////////
+ c4 F% w2 Y% X$ A1 `" |) k6 p+ T$ C8 h* I; X. Q# P% {
var copyspeed=marqueespeed/ {" ~' U5 P1 M
var pausespeed=(pauseit==0)? copyspeed: 07 m/ ^! a6 x1 ?4 Z# Y0 [
var iedom=document.all||document.getElementById" P# i/ n: ?9 l" v* ^% [
if (iedom)
6 C; p% R8 _8 m  {. ndocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
6 }9 t. b. C9 H5 w" t1 ^3 S; \var actualwidth=''
6 t* c& e/ F1 l( X3 `var cross_marquee, ns_marquee6 M. G' p4 f3 t8 {! X! j" i
9 H, t8 s+ D( w' V0 [8 A9 L
function populate(){
! ]0 u/ m/ B. Oif (iedom){
* w4 O! v2 }( _1 z5 ~cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee/ r% d& \; e' f3 v$ Y5 n
cross_marquee.style.left=marqueewidth+88 R. k9 k$ B, o/ C' _9 z
cross_marquee.innerHTML=marqueecontent2 B$ H. K8 B9 O3 q
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
; n+ U: B" O0 I) u& a- Q6 j1 j}: d' v# c7 Q2 [) O8 T0 s
else if (document.layers){
5 {6 }! E# M8 ]6 C% T% jns_marquee=document.ns_marquee.document.ns_marquee2
2 \" H- b$ U$ _' o. Ons_marquee.left=marqueewidth+8
1 G+ q' r, k% I5 P4 Ins_marquee.document.write(marqueecontent)& D& O0 _5 [6 {: h* O, s0 ?1 ~9 v
ns_marquee.document.close(). P1 }4 E$ Y0 ?4 M
actualwidth=ns_marquee.document.width
/ V! V/ U1 Y& M- F4 r}! Y6 a% |# O$ p" f
lefttime=setInterval("scrollmarquee()",20)) e$ v3 f4 Q: H1 E6 j/ P
}
' ~: [/ {/ }' p( M# H8 bwindow.onload=populate
2 E9 N5 J: H9 r2 i3 F/ M# y7 A( z6 z6 e6 H* h3 p6 K: {
function scrollmarquee(){
. N, `+ {* \+ w9 u5 Zif (iedom){+ e* M1 d' o& R
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8)). n: S+ B$ ~, U4 O
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
: C4 Q+ `% n$ melse
& Y/ h( s8 J! N7 vcross_marquee.style.left=marqueewidth+8! L: T1 P4 v; b) M3 U. P. Y
9 {6 j6 L% f9 k% Q, W! ^
}; I3 ?% u! R6 u" g/ t
else if (document.layers){7 h# x( X6 [; m/ x  d: E
if (ns_marquee.left>(actualwidth*(-1)+8))
( I6 b1 N( L# o, Ens_marquee.left-=copyspeed3 J/ N8 L+ x! P! n" }
else
- |5 `0 x3 \& g: t2 P) ]3 y9 ?! Ons_marquee.left=marqueewidth+8( l3 m+ w4 G# t# O- B# T% W+ P
}: v' u# Y* s( T1 D7 K
}3 J/ [# p! A/ r# A% a- Y
" N) \7 y# A9 z. z9 s
if (iedom||document.layers){
. `4 r* @3 v6 f+ b9 X  `# p6 K, x& qwith (document){* Z; E% I% f& b9 o6 {; p
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
' a7 S3 M. W6 k* c, kif (iedom){9 \2 q; C  o; y) j6 A  \
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')$ ~5 G" [, j9 k; K
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
' ]; |# V0 f+ Zwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')* q0 S0 Z, |+ ?& K) o# H7 b7 Y  P
write('</div>')$ D1 T+ P; C1 N8 r0 `
}
4 }* ~6 o  G: a5 c- qelse if (document.layers){
+ L8 y7 D7 I+ d4 A* l/ N( jwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')! `' b2 @8 @( t3 n
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')" B) L8 p% [5 ~6 I4 R5 Q
write('</ilayer>')( D& }& |  N/ P" k- v! m
}: i% _4 r" e0 L0 C# Z
document.write('</td></table>')
0 W4 ?1 m* n( K# y) b}3 E$ y) S; q4 D. G! X2 z; h& e) P/ C
}4 ^. W+ M7 @9 t; {5 ]
</script>