捌玖网络工作室 - Powered by Discuz! Board

标题: 网页之跑马灯文字特效 [打印本页]

作者: zw2004 时间: 2008-1-21 20:53 标题: 网页之跑马灯文字特效

//修改宽度
var marqueewidth=300
//高度
var marqueeheight=253 _! |  T/ |% Q" q
//速度(1-10)
var marqueespeed=31 @: z0 F& f" Z: C. r& F
//背景颜色  D3 O3 X0 x0 h: ?, f2 T
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?
var pauseit=1+ T! h" T9 m& ?8 Y+ |6 C* h
1 K- C- \: m: K7 p' I1 A
//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>': W) J, M; ~$ I4 m; x) q' ^

1 N' Y% v4 ]2 I
////下面不需改变////////////
/ ?+ D( t. o5 K+ u- i8 N% ^+ N% B
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')4 {) F, W5 x6 g/ {" ^$ C- V' t
var actualwidth=''
var cross_marquee, ns_marquee
& n3 l3 e! z# t4 K- ?( _
function populate(){
if (iedom){$ h6 x$ x# q3 C9 O) s6 J$ q2 B
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee; Q4 X" S, {6 Z
cross_marquee.style.left=marqueewidth+84 X) d- _6 A: F7 V$ W
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}" Z% v6 g" m2 ^; e# G; l; \& c- H
else if (document.layers){; m% Q- F& I3 j" v' ?+ W
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8- x) W5 A* Q5 Z3 C
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width; z, W. s* h1 W2 S' S6 K0 ]
}' ~) }  G, _. g) q
lefttime=setInterval("scrollmarquee()",20)' e) b6 h& Q& f: Q+ O! J4 ?' P, A
}: C/ X1 L3 Y* n3 q# A
window.onload=populate% L$ s- W6 s$ X6 z+ @, i% G" o
" q% @5 K2 K" M  W, W: u+ l
function scrollmarquee(){0 ~4 `8 T4 n! f# L$ O
if (iedom){4 p& Z3 }9 X! i1 }7 k1 g9 @- R
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))5 U) Q3 {9 k0 l9 \& p9 p$ A
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed# r- `) z6 T+ O
else: v/ B- m) j' T9 s6 H# z; ]
cross_marquee.style.left=marqueewidth+8& l' [0 R1 U; u) H

}$ f( H+ y! Q. B
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+8
}: x0 d! e' K6 h8 V5 e% S
}
3 P% h, H7 V' E; ~6 B: g
if (iedom||document.layers){- X; k+ S& r+ L0 [; a* }
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
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">')/ M  y( v- L8 f; b6 x! {0 K
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')* u. Q3 Q/ S3 i3 B$ r2 Z. l
write('</div>')
}7 P6 ^" v" ~& x+ X% ^! ?8 m$ W. I
else if (document.layers){/ A& W7 e" P3 K  {9 [. b' x
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>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

欢迎光临捌玖网络工作室 (http://89w.org/)