捌玖网络工作室 - Powered by Discuz! Board

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

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

//修改宽度
var marqueewidth=300- _8 T, R2 G0 v2 w, G2 x
//高度; j/ y  ^9 z! V0 l$ a7 d; M
var marqueeheight=25- d4 c: O2 @1 ~" K/ i2 x/ g/ X
//速度(1-10)
var marqueespeed=3* W+ x( ^* N6 a- c' C
//背景颜色
var marqueebgcolor="#FFFFFF"' v0 Q, D; i( q4 |
//是否能暂停 (0=no. 1=yes)?1 v, H  G0 g" @+ u. h; K/ ]
var pauseit=1

//修改显示内容  ^- s4 x) t. A) G' B) f, h" H! B
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'

+ ^+ x# e2 j, ^+ x: a' x
////下面不需改变////////////
$ [2 P; p, D, G# D4 d. Z
var copyspeed=marqueespeed# ^+ P  [0 g1 _
var pausespeed=(pauseit==0)? copyspeed: 0' w; o) ]/ X5 T% ~; y, T- M
var iedom=document.all||document.getElementById1 D; @2 l6 S, N2 \1 Z
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee& h6 |, P) G1 u. f6 N
" c$ q9 p, b4 k! f  g( f0 M
function populate(){& k, D+ [- s( T9 U, Y  @
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent$ D- R2 A& {) F
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}9 |4 I# u0 V. C2 x$ |
else if (document.layers){4 v& ^! A! b' L# T$ s! i% U
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+83 w! V! N  h7 P' K/ S  W
ns_marquee.document.write(marqueecontent)# b; z+ _  n9 q& ]) _
ns_marquee.document.close()
actualwidth=ns_marquee.document.width$ w" W+ h0 F) J2 M
}
lefttime=setInterval("scrollmarquee()",20). \* q8 X, W, q( r3 a8 k3 J
}& q( X( z# @! M6 X/ t& u
window.onload=populate
8 ^3 ]4 f2 ?' }5 {% K
function scrollmarquee(){
if (iedom){- q5 t! \  ~# l; _+ }' m- }% T4 v
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))' X1 ]  Q# M( ^$ Y$ A! G4 T: X
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed, ]4 R, l7 ~: v
else
cross_marquee.style.left=marqueewidth+8: J. Z$ O& {" b& o) i

}, b* L: c  y: B7 c1 t: z9 @
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8)): s% z) Q; e% {" [1 P$ k
ns_marquee.left-=copyspeed
else; f, ?1 ]$ }: o) x/ `( J
ns_marquee.left=marqueewidth+87 f# |% F( ]5 p+ @! w
}6 W. J8 c9 _2 t- o0 M2 s1 ]
}9 [) j0 `. O- H, N- }& [0 _
$ p0 s" H$ [" G9 R6 w: s' h/ F
if (iedom||document.layers){% N9 |. j/ o) i% [
with (document){- t5 w0 E: e3 L7 P/ A
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')# \$ ]; o9 H- P1 B! g/ G. r* l, v
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')+ E( ?# B7 }, b1 }6 L: e$ l9 X
write('</div>')
}
else if (document.layers){8 w2 {* E& I5 P
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')2 y# C$ s  A* T% J' w5 B+ @! m
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')& J9 l7 V* W& R7 i) E9 M% l
}; |, H" i/ X$ f( ~# y8 I
document.write('</td></table>')4 R8 c9 `! ]* h9 w
}( [9 ^* d. j' U' V; q# g
}; t/ P0 K* v8 E& e; e
</script>

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