网页之跑马灯文字特效

//修改宽度
var marqueewidth=300# h! D4 v3 l0 m2 u0 e: T& c
//高度
var marqueeheight=257 n% z2 O* S- j  |0 Y
//速度(1-10)
var marqueespeed=3- B' u( f3 U- o" w
//背景颜色
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?
var pauseit=1

//修改显示内容1 X7 S# n" m5 e3 Y# J$ J8 ]; k
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'7 n4 `' {  w4 }8 a/ A4 z) y% R2 g+ k" n

////下面不需改变////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 06 g8 {# G  V7 _7 Y9 W- \* Z; Z
var iedom=document.all||document.getElementById. l4 d- N; ~) k9 @! e- h! Y4 n
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

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee+ k0 a: m# H3 c- s& m- {; O9 b
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent8 _8 v7 `0 y1 }8 Q
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+80 D# d5 n- T5 L  q$ F6 m
ns_marquee.document.write(marqueecontent): q0 S0 F; }$ A. [
ns_marquee.document.close()
actualwidth=ns_marquee.document.width& S6 E# ^2 ]- x/ n. o/ l7 t3 O3 U
}
lefttime=setInterval("scrollmarquee()",20)$ k" y, z/ Z9 U+ \; c  y
}
window.onload=populate

function scrollmarquee(){
if (iedom){# B1 J( i7 V4 Z& Q5 h; W
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))" Y$ C9 ~' [# L6 G8 c( R
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed/ F" C- `! C7 j2 N- A3 X
else
cross_marquee.style.left=marqueewidth+8$ F2 ?7 [: Q( ~' p

}
else if (document.layers){5 T9 j4 P  Y' w6 W) R0 K$ C% e6 a
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else" M7 d% w$ J+ n9 ~, k
ns_marquee.left=marqueewidth+8
}
}* U3 ?/ I; l& d& p/ P2 m% e  I
9 R& G+ f( {1 f% [: }& Z, S
if (iedom||document.layers){
with (document){# c( [, E+ n7 U4 J$ e$ t7 F
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')( m0 X2 a5 Z; K: H
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
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>')
write('</div>')3 H) H/ S0 Q9 Q, P8 y
}. k# X3 g# Q% ?' \
else if (document.layers){/ N- E+ S" m! v# D3 l  G
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')( K* a; g) L  g# _) F  Z
write('</ilayer>')
}
document.write('</td></table>')' g/ p, l7 e: }" o
}/ Q; y. e, ^; g: ~
}
</script>

返回列表

网页之跑马灯文字特效

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]