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

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

网页之跑马灯文字特效

//修改宽度
hu&c[i:f1kh var marqueewidth=300
l(\;p:nH d //高度g^VlB8i(~+W
var marqueeheight=25Vz\)^9k3]uo E!f
//速度(1-10)
X$@$tSs var marqueespeed=3
tX0}eTS\E //背景颜色
|$dlIz var marqueebgcolor="#FFFFFF"
M(|bT$O({#F1O"j0| //是否能暂停 (0=no. 1=yes)?pW*[ {']%k3Zz
var pauseit=1
)Y6yk,BK#N d.z +H(t6\:VB'?;H'Y
//修改显示内容
cJ6C:Sc?3k var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
9S|"Bel ?d)b1dV:[ V0i]
|J~;]:a6^u

sY'VbL'V5Qir ////下面不需改变////////////
|^,M,MQ6rp8?({ n}a:][\(\ _
var copyspeed=marqueespeed
hy8\B[5WXV \A var pausespeed=(pauseit==0)? copyspeed: 0H
P!zd!npb1j
var iedom=document.all||document.getElementById7rKN8z6K:M u
if (iedom)
T_/B
d q&^ document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
!\p0Q&t)IG var actualwidth=''
V5iO%L8H5f"X+V var cross_marquee, ns_marquee
;S4PV2|-g8T;J/m
$QqS*q9S eu&d$z.zH function populate(){
6]g
Y.z3C'eHD C if (iedom){W.TP_]7kL
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
Ee5M*~SU| cross_marquee.style.left=marqueewidth+8
jjJ(v1XU8L"uv cross_marquee.innerHTML=marqueecontent@Mp]7Lw,b{
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidthj,P2@MRn
}
!ecz6wL else if (document.layers){!^
]{:g'Cf3Q/B
ns_marquee=document.ns_marquee.document.ns_marquee2
ITb&O0FQ)P-gG ns_marquee.left=marqueewidth+8
*G-{ czy Q1}$`0h$_ ns_marquee.document.write(marqueecontent)
;E"?"pB
K*_C.b3G ns_marquee.document.close()
~;^x;H_(k/k1W2bH0} actualwidth=ns_marquee.document.width/F7`/BnX
}
)g q^@q"x ^{*J lefttime=setInterval("scrollmarquee()",20)
k~L6O~ c }H)ec1vj0z1Xbz
window.onload=populate
!Q.K'LrAi"sLt
6g$n.Pi3R function scrollmarquee(){f*p7JZ:k
h#T
if (iedom){
(L al5]oJ;eP2{ if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))}R-b GU+z6}
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
(o(fh+Y@X uS L else
yG z
W^r,ki cross_marquee.style.left=marqueewidth+8
;UI#ws\ Q*C0m,Lm`K
}
*u;n"Qh Zo%p4j else if (document.layers){;G!S*h]Y$Uwg
if (ns_marquee.left>(actualwidth*(-1)+8))
/T |9a"Jk*t6x},N f ns_marquee.left-=copyspeed
x_GMW }[ else(ci5H*} o M%p4N R
ns_marquee.left=marqueewidth+8
eY\[5kc9C|0{ }
nM6\[:Q:X\#D }~ S;h6}T'p1M
T_8Tq Ajkr
if (iedom||document.layers){
0\
qr*I:~| with (document){
8cm%t7Z9[)muz:N document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')3N$i:eQb
if (iedom){e{s%FS3oL8]
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')6wQI~4C%O6p&\.l
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')]4l7lf{t!sY
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')JD#DW]2|8H`E;Zk
write('</div>')2c#e/@#w([i
}
.BjZ0K)Ae'{3P*t3Z else if (document.layers){Rf~%d;@j T
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')EQdan4BfH
Z#F
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')T'K p!S_-j(]C
write('</ilayer>')
!X#D*BE2s3P`7[?N([ }sWc%{3m
document.write('</td></table>')q0lAA.l2@4f{"QJ
}Bi?"B8a6|
}5g/n lMO*t
</script>

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