Board logo

标题: 网页之跑马灯文字特效 [打印本页]

作者: zw2004    时间: 2008-1-21 20:53     标题: 网页之跑马灯文字特效

//修改宽度
- m+ A! c8 o) j" p, _" dvar marqueewidth=300
. z8 ^, Z7 E  k- `//高度! E6 P( g8 m& W- |5 k/ K$ d
var marqueeheight=25' N+ D" ]2 S" x3 F/ `$ m& i  k
//速度(1-10)
* z  E) }4 t2 Z4 a! Y' gvar marqueespeed=30 r$ L" s0 W8 d# ~
//背景颜色
, K0 a/ M+ z$ @/ U+ z+ L  zvar marqueebgcolor="#FFFFFF"9 Y" {( F( k, i) K
//是否能暂停 (0=no. 1=yes)?. [! M! y; D: M' j9 r; i  A; j
var pauseit=1
0 L) n- m7 e  |, l9 e7 U& b0 B# V/ e, p9 R7 t
//修改显示内容; ^$ ^+ M) e' N# }; G
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
3 M- |1 W! f  C( R/ g
3 c; m. g) q* \. x* c+ n6 e2 \* J& R" A% Y0 q& S9 b
////下面不需改变////////////
; a* h& e+ F3 J* n. @8 c. o8 l5 |) f! w+ P
var copyspeed=marqueespeed
6 j( {1 m# N3 Z+ e" [, C( s, x. Mvar pausespeed=(pauseit==0)? copyspeed: 0
' w  Q2 j& ?& `1 F  s8 P7 a- m3 _var iedom=document.all||document.getElementById& t* F+ w/ B0 `# l: D
if (iedom)' J4 b7 y0 v( G9 V3 d
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
) o' x/ G+ T& }7 @* A, ^7 ~var actualwidth=''" o' G) h1 @- p5 M8 ?+ h* h6 T) K
var cross_marquee, ns_marquee( s. x* G, v% m5 x/ ~) t$ S! `
' l3 c6 y- N2 _! {
function populate(){2 N7 @* a5 @* G& i! f5 p, h
if (iedom){8 d  T4 J5 h  u* X6 x
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee( `! s9 C7 t  ?. a% \
cross_marquee.style.left=marqueewidth+8( b5 D# t) o0 j8 Z
cross_marquee.innerHTML=marqueecontent: J  Z9 v9 E2 r; J  }
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth  ?7 c  n4 ?/ S7 q8 r: Y
}
" Y& `  J4 D" W7 ]else if (document.layers){
" g; T& x' X% s1 D+ u6 q5 Yns_marquee=document.ns_marquee.document.ns_marquee26 F: r( z% j7 m; Y+ O
ns_marquee.left=marqueewidth+8
) \( z) z/ b3 x7 N  d* yns_marquee.document.write(marqueecontent)2 U  B, x+ @7 F# e3 w
ns_marquee.document.close()
1 x! M: M9 H* S2 N+ ^  \, Yactualwidth=ns_marquee.document.width% Z9 ~4 ?! k* k6 K
}: I/ E, [. ?" {' c
lefttime=setInterval("scrollmarquee()",20)
' q  e4 e3 Z: M& G! l# H& _0 D# P+ h}+ l0 H% f6 y. \- u' i8 r# ^; t
window.onload=populate
; T1 o3 c( t. }0 j* z+ w1 W5 x" K/ {' ?6 Y
function scrollmarquee(){
# i% d0 k- \# r; Qif (iedom){
0 N9 d' `- q2 F7 h* z! R1 iif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
& l" v" R$ `* W/ @! Q8 s/ E, h4 Ycross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
$ E& h' W8 D+ `2 p$ jelse
2 g  {! G% G% [( g* xcross_marquee.style.left=marqueewidth+80 Y1 n9 L( X3 x' [1 A1 S9 C! G8 U
) s5 q5 ], m9 A8 H$ z: j7 I
}
' _3 e- l# W# A$ D: z, C: Gelse if (document.layers){
: o, U; Z3 e* k: s2 uif (ns_marquee.left>(actualwidth*(-1)+8))
: d8 Q- q) K* `! ?. P7 |ns_marquee.left-=copyspeed; t; ^" P8 f6 V( C+ \. {5 W
else7 H6 l2 V3 N' x9 j) n. G! D0 c
ns_marquee.left=marqueewidth+85 w5 G% l7 l; V3 q" ^/ c& H1 F( F
}# H7 L! w4 I2 `1 h: w8 f3 x
}$ Q, L) `# H  }! ^4 ?/ _5 w" c
1 T( A7 G2 R4 M. V5 X; q2 l
if (iedom||document.layers){3 f6 ?  H: X" z( ~' _
with (document){( w7 |9 H  ]0 M; e& T/ \
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')$ K7 k& K( C& G4 n  M+ A, c
if (iedom){
) d4 @. n6 M5 P8 F* z$ q* Nwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'); ]1 L, @" v# r& g) h; i/ T
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
9 |  Q4 c  U! a  O5 a% @write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')4 s( k; l" h; @5 z
write('</div>')
' R+ C$ h# n1 l/ f}. C, t) J9 N- e0 p
else if (document.layers){% g0 u& z( \" ?+ x
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
& R& ~4 m! T. V0 B1 E- U7 o  Fwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')1 T1 y4 ?. ]3 P9 P0 t: g0 O9 g
write('</ilayer>')
. @; ^( M) V% m) ^}
3 U5 }' z6 w) ndocument.write('</td></table>')& _4 A4 |7 M* W
}
0 V9 }, d/ t$ l. m0 n}  B1 P4 v8 i, D) ~
</script>




欢迎光临 捌玖网络工作室 (http://89w.org/) Powered by Discuz! 7.2