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

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

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

//修改宽度) ~6 P* \4 S5 `1 |' ~% I
var marqueewidth=300
//高度
var marqueeheight=25; @0 [8 n  E" c  b/ B7 y! p
//速度(1-10)! w& [: N8 t3 }  f5 o7 j5 p- e
var marqueespeed=3
//背景颜色
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?
var pauseit=1: v6 t# J# ~6 q) Z  ^  m! y* z% h$ {

//修改显示内容( M4 d2 P2 ?7 E% @; }
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>': M: }8 ], s. k6 P( D7 \

////下面不需改变////////////8 n! B% Z" c) j

var copyspeed=marqueespeed( i1 b6 g4 Z: \& r
var pausespeed=(pauseit==0)? copyspeed: 04 T' C: [$ H% b% C$ l; N
var iedom=document.all||document.getElementById# g) `3 b4 Q( R9 Z6 w) k
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* h6 B% a2 B. E4 N) N
' W! V2 U2 R+ I0 |3 v% K
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee& J- g$ b0 ^/ c  K
cross_marquee.style.left=marqueewidth+8  @( D3 p) h6 j2 c/ M
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2* ]9 }5 ]: z/ {$ g1 u! u
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent)) Z/ d$ T, D9 p( ?. s
ns_marquee.document.close()* Y2 o( I" f0 d
actualwidth=ns_marquee.document.width+ P; E/ H6 R& m( F1 H! L( r! M! ?5 P6 E
}
lefttime=setInterval("scrollmarquee()",20)7 a. @3 X! f) n1 g) j; g
}
window.onload=populate

function scrollmarquee(){( `7 r$ a/ [! m: `
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed4 E, W0 m/ ?5 h/ Q" `5 V! L
else
cross_marquee.style.left=marqueewidth+8
! K! s, l' e3 N+ z* }& E8 B- Q6 I
}
else if (document.layers){3 Z$ {( o: x4 {: X* \  |' A/ s
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed6 Z7 @5 }1 F+ P: @) v) k& Q" X
else1 _# h! T  n  V% t4 S2 r1 t
ns_marquee.left=marqueewidth+8
}1 y) Z  G5 [8 `( J' ^& ~
}1 d6 m$ N; ?7 P
8 h; O9 u* r/ @8 o! D
if (iedom||document.layers){
with (document){8 Z4 n- j/ Y7 w  h1 F% u4 {
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')! G% A7 T* z9 j3 E4 l, I2 p
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')' ~) p: H- q% `, }# E/ x: T% M
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>')! `1 a# Q# W& x5 X! o. b
write('</div>')
}7 u6 H% T. p/ S  M% b9 c
else if (document.layers){% q2 @6 @" L( D
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>')# f: H" f3 t: [4 \  u: b( y
}
document.write('</td></table>')
}5 ~% y+ {) A5 \# D/ e1 z' v
}
</script>

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