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

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

网页之跑马灯文字特效

//修改宽度yDm3b h2xI ft!H
var marqueewidth=300s2dK\;t({g
//高度

M Xt*qfn,C var marqueeheight=25
2a0B-Ny gD]S8d!eo //速度(1-10);h
\+W(OD+U{$f*Jrc
var marqueespeed=35r/G0Xg~,r J
//背景颜色
5Sr"r%^~,fO3k/R}0f var marqueebgcolor="#FFFFFF"
hl9f\D2Z&|`%O //是否能暂停 (0=no. 1=yes)?
'MpmV/\s+ue3{ var pauseit=1
%{6m!d:s W_!V&^
V8F+A h'c(FY
//修改显示内容(H)t4@EfZ8F'I
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'9z? @;Z5g@An
8Sq)ZDg;l.l"y


\ k"g.x;XE7b"B#YL!`)j ////下面不需改变////////////
;U:{4R7fiCq R 0K%Po kX0h r?N
var copyspeed=marqueespeedoi5o&f;q2YC(Y#h
var pausespeed=(pauseit==0)? copyspeed: 0Y O_ N}
var iedom=document.all||document.getElementById
:@?v.lo&c2hE if (iedom)
C1V3_vA_n document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')nnfFU'u
var actualwidth=''t6b%p;Hg ly
var cross_marquee, ns_marqueeK*U}P7zm%?Z|

1^6T/O k|S7^ function populate(){_r9f3B(z,J/R|(p+P
if (iedom){2e_|4Ctc1h-Q
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarqueeNX|:k?6vu
cross_marquee.style.left=marqueewidth+89V e.P9hacY
cross_marquee.innerHTML=marqueecontentGWZl(ts_/A
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
7O7O0N nv5f }
ht%HvlG2q else if (document.layers){a#|Tp%KKiXs
ns_marquee=document.ns_marquee.document.ns_marquee2
J;|r.gZ ns_marquee.left=marqueewidth+8p\NxqB:fH
ns_marquee.document.write(marqueecontent)s M9QL'nX9F!\
W
ns_marquee.document.close()

jdO W{5vW&yl actualwidth=ns_marquee.document.width
;d/W!uuv} }
)]S!y\'l lefttime=setInterval("scrollmarquee()",20)Bw:E:C]hu
}
;H"XA\x{8e+Tn0H window.onload=populate
[?6L'n&o!^;u UiK
3|(yp$Nc
l Z)O function scrollmarquee(){
Mlp8D4bGz%I if (iedom){8]l}!yZf `
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))Z
c@
J`+An
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
I#xPZ,p#Q else
f9qFv0Z cross_marquee.style.left=marqueewidth+8$h6W[+Pog8~`$\L

r#]@#@v8b"Y!p`(F }
V7@t
}-?7b*N!Ii)S else if (document.layers){%o(sh2E5I}e
if (ns_marquee.left>(actualwidth*(-1)+8))
7CS(gj#j ns_marquee.left-=copyspeed
k#B*FS Wl{&W$F4}(?@Z else
w5KO!v9X ns_marquee.left=marqueewidth+8
v`Nr+l0p }0K{ Yd2nM5X
}
$QLD
F~~;l9V@ m
O;G[.Jlur'K
if (iedom||document.layers){)^[m|GV S
with (document){UAH5EY8]
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')0`bSCpF'u3n
if (iedom){
w7WL XR$G write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">');RS x{a%`;]4w9O
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')G;@%i2Q9f
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
0E,d8iXI;|v:P write('</div>')U's2R#`yD&N
IVV!~
}4G p};Bh-Y!c,_ AU
else if (document.layers){
{0e$te ~ write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')4e
\W7|S JZd
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')!gOZN/H#as
write('</ilayer>')u}1hhaK!uB4z{
}
;Lvq4K%crN document.write('</td></table>')
:zq5o7uLn`2OkBH }IGpE0ZP8{
}5q L)U/g#r!A'C&^0K
</script>

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