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

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

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

//修改宽度9 r/ p( [( v* ~+ m* S1 N
var marqueewidth=300
//高度5 c8 p* a3 x& U- l6 n2 T+ b3 l! ]
var marqueeheight=25
//速度(1-10): ]! K' Z& [1 t" s7 D6 t# n
var marqueespeed=3. r8 ^% c9 O# n7 _1 D) _+ I- K
//背景颜色, g8 `, H& H2 o. A) R
var marqueebgcolor="#FFFFFF"% h. i6 {0 v5 |  @4 |7 {
//是否能暂停 (0=no. 1=yes)?, ?1 r# z1 _9 Q0 {* s# Z
var pauseit=11 J: ]6 r# \+ |7 j! H& c

//修改显示内容' L1 z) z" g# r' C
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'! f' `5 g! B/ V; x- N0 y" M8 z
. J) J0 e6 I9 j0 M" W1 ^+ J; m1 b7 |

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

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById& F6 ]: w' \4 Z3 _% y" c
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& C$ q' b% D5 _7 f6 w

function populate(){
if (iedom){7 `  M8 N* w0 X/ W2 G
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee. E. Q  l1 e! D4 ^% B
cross_marquee.style.left=marqueewidth+88 U- g- j! N, g# Q
cross_marquee.innerHTML=marqueecontent8 W5 p1 g9 j% o- B, f* h! ?4 m% T% y
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth( @7 V7 k0 f- G6 V" h, x6 V
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee27 O# x1 n  l" k5 L5 y
ns_marquee.left=marqueewidth+88 w# c) F% O# `
ns_marquee.document.write(marqueecontent)2 f  P$ c2 q+ ]2 z* J
ns_marquee.document.close()+ a4 |. R) p$ ~0 q3 {
actualwidth=ns_marquee.document.width- H' x( u! r6 C" G
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate9 P9 t" X  p! e9 E' X" i" S$ J* o

function scrollmarquee(){
if (iedom){5 M' o. c. m5 @: Z/ K
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+8' \- }. E6 V1 Q2 w6 u$ E7 Q/ E5 ]

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else' C4 @3 h1 m# j0 f; G' I
ns_marquee.left=marqueewidth+8
}
}

if (iedom||document.layers){. F5 j- k! \2 y
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')& A/ Q, K% A6 G# J$ x
if (iedom){+ ]; Y9 t2 E' i
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>')8 i1 R: M/ C, f) k( _
write('</div>')
}& ^4 S; j. b$ I$ f% M0 j
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')4 ^3 `3 ^2 i' i; {0 k$ f
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')- n! e; B; e6 k
write('</ilayer>')9 u0 A9 Z% w; t+ V
}1 P) z% ?3 P% S# B$ W
document.write('</td></table>')+ w6 ]; F7 h" C4 ^
}
}
</script>

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