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

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

网页之跑马灯文字特效

//修改宽度*YR3}&D+o8|x+b7b
var marqueewidth=300y~ M*wlug [Bw
//高度t)p|)D-N
var marqueeheight=25
7}D!Yl0B3gO#d9w6N4[ //速度(1-10)*J,~V%SK/O"oXh
var marqueespeed=3
(M/DlC)u&_R ys //背景颜色
:BV @2p
b)@@:B var marqueebgcolor="#FFFFFF"
sD`+?O _ //是否能暂停 (0=no. 1=yes)?
u
@LZ:tL}#Qb var pauseit=1
(] t%bnp^"S Wt_+K'V@
//修改显示内容
z4_yU)x&n4D var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
E2UT:L A1SUd4r 6k!u;yu$Q G1W

,pD~9e
V ca PN ////下面不需改变////////////
-{(ySFB8Ge,SVq7cW
Ny?7uq5aHx+_ var copyspeed=marqueespeed
3k#tOTKeQ
I*B var pausespeed=(pauseit==0)? copyspeed: 0
l0C8p+R.e\-{ var iedom=document.all||document.getElementById
3?H8jue:LZ if (iedom)
b(_7[Sq document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
jH1\i:r6I};wq#~ var actualwidth=''
-\J$PqT5i z?*\lQ var cross_marquee, ns_marquee
e"[ JEdC3y
Ly%U:To#@
u"u^ function populate(){Uk|I1Uph:r&k
if (iedom){f5aA%tn4j*Tb4H9rw
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
'j&sy ~_6r cross_marquee.style.left=marqueewidth+8i'w'jd1y&@-r1R
cross_marquee.innerHTML=marqueecontent.E$a#t2Z,zD
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
Mss[2N"|T }kKZ5Y9Tx]8l
else if (document.layers){
4E$pLg"~9J ns_marquee=document.ns_marquee.document.ns_marquee2
vl*[gf7~e$_C ns_marquee.left=marqueewidth+8
&O/e8h$xw,QB ns_marquee.document.write(marqueecontent)
WHH;Cp/q
f#ih%G ns_marquee.document.close() U
A+\w g.RK5[4H1]
actualwidth=ns_marquee.document.width9a3z%Y9{6HuCv1N
}rB!Af0|6zx
lefttime=setInterval("scrollmarquee()",20)d2a%q3c"j-[
}Tqgx%E mV5J;i
window.onload=populate
&@1w+J7B4E j %pyRI1Hb:O}
function scrollmarquee(){
-]g\x1v,? G if (iedom){
o R6^"z
Q/s4[X if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))h:O5PP0z%g9cn4Lu}
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
#[+Q1h.\~cH]$K!Kf6z elseI#kgy&CO9vdL#B
cross_marquee.style.left=marqueewidth+8Z0I:o%Q_'G
4pMF*Z9EM2V \/y
}
{5K K1[)L7qSOm~ else if (document.layers){
8i vJ"l-y3k
V if (ns_marquee.left>(actualwidth*(-1)+8))
7p(c{GZs ns_marquee.left-=copyspeed0b'{#]%jL`%J4L
else
D*g~6C_-ErS3K@ ns_marquee.left=marqueewidth+8
.n/[Zp3T({c%M }l[ gZY.hv*T^
}i_Bdqgr

XHp#TG if (iedom||document.layers){uq6C"ATX%?a
with (document){
S-{pCY? document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
.XwX6H3i| if (iedom){
#Q.r |0y0m j6o8q write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')9fm7}-p8x~%|
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')g E$T/yg7K
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
VGe;A(T write('</div>')a:r,jY2M3nS5Dq
};F6G'}+lNx
else if (document.layers){;YU3y4bo8L
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')4z+\&F#TC0fd!S
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
)H4sxrH2~L0\ c+K write('</ilayer>')(A+t2A0?%eW _
}3bsg1y1}8~y
document.write('</td></table>') O%UF8UK%YF$O
}2CsJ0X_6bH+T1`2O
}!w~`7K V5{Z
</script>

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