捌玖网络工作室 » 网页编程 » 网页之跑马灯文字特效

zw2004 发表于 2008-1-21 20:53

网页之跑马灯文字特效

//修改宽度
,z;cV6t.|9~PwZ var marqueewidth=300
Zm ckM-IX)v //高度
(h EW?$|Cxv var marqueeheight=254f.t.R5Fn%O-Ga
//速度(1-10)r+_-D'm[@m(P
var marqueespeed=3nfVn/m%R o c7h
//背景颜色
.bFO]I x&HJ var marqueebgcolor="#FFFFFF"F1Re'u5W9u G
//是否能暂停 (0=no. 1=yes)?
G+w {X@aK+vb*s var pauseit=1 dh5EIZZk*f
6X"G`I'E#ExW:@F
//修改显示内容
n@)l
C[0W{ var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
w'DRo#_
;cSi/_.F.If;bbY
Fk`%TLz/mGF ////下面不需改变////////////Up b-s!OW

*mM/y9c1o"X1] Gk:R var copyspeed=marqueespeedd9i:~ o0@v x
var pausespeed=(pauseit==0)? copyspeed: 0
I#k.k5Cv'q var iedom=document.all||document.getElementByIdq:O#F-Q?"Gu,{3W
if (iedom)$[7tw&i%a2\q6i
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')|I;g-ps![Ab:sc
var actualwidth=''4jl1n.KSG
var cross_marquee, ns_marqueeX ~H-_3TK0H

/J:R2i@-B npK/r function populate(){
Y[/e0|l_i1L&G d if (iedom){

gi-C
T]7htqE?Jn cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarqueeG.D b1i Q(fy
cross_marquee.style.left=marqueewidth+8`CbR\`h2ZY
cross_marquee.innerHTML=marqueecontent$UhMJZ\?
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth$E-GN@{7o
}'{ mz4F|\/NR
else if (document.layers){_[;lm9x/tt9l
ns_marquee=document.ns_marquee.document.ns_marquee2
#A0{ pM)Bn2M ns_marquee.left=marqueewidth+8N.V4g9\w!Ftw9@
ns_marquee.document.write(marqueecontent)+m-N? |!s&V,u
ns_marquee.document.close()
['y@.I-[i:di actualwidth=ns_marquee.document.widthW#g!i:[x1ucw!K
}
"Zz.Ge&L}UY
]M lefttime=setInterval("scrollmarquee()",20)8b(G
ECjCS"U0D
}D"n9r3U6|)K'P
window.onload=populate
/md!_VAj S5W#r{7mCHd r
function scrollmarquee(){
j:R7y,g^0D0d K if (iedom){'G {#V?&[P*XRb
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
!l&s dG`.U cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed{i:V6J,[0Rphk
N(o
else
]'b%C#DL/EQ$h cross_marquee.style.left=marqueewidth+8
nE&x"Q B%MK_} B+q4N:`}7j JP\
}
;tt1n;t+w3hYg:Ka^ else if (document.layers){
d
b_tqf if (ns_marquee.left>(actualwidth*(-1)+8))
l `;{:FEB7X&n.w ns_marquee.left-=copyspeed
$u"H;o,K1m:p else
B4TA i4kq ns_marquee.left=marqueewidth+8c&]l4U[[ {{H
}
J:r+Ma6p$Z }
6Uf'B&p C{AO?
1?!]&{ A-b"} j3F.L3\ ? if (iedom||document.layers){
[!Z7IE#f!J+PK with (document){
W+zr zQQJ;@ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
(@7Jt4[K[ hZ+a \T if (iedom){oalI By
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')*P%|D SQ
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')dK;x-T8\` yp"@
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
8A7mw;j#g5^o8{ write('</div>')!]4W5mb*t\W8K
}
R5t \ k p else if (document.layers){Xs ]&~Y`n
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
'@:xv2J+q(r(p write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
'O4K.qL6^9{S|HZJ write('</ilayer>')2ED] b(eT)r[
}
z{7~k6M document.write('</td></table>')
'C'F n ui-w!~,BI }
e:F-c$\L2]0G:zyG }7VL*a ~ s)o/n6w
</script>

查看完整版本: 网页之跑马灯文字特效