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

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

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

//修改宽度
var marqueewidth=3006 {- F( R6 O7 O+ l1 f9 T% e$ t
//高度
var marqueeheight=25
//速度(1-10)) ~0 r7 z& E( s/ [+ }, [, F
var marqueespeed=3+ W- |9 V! w7 R2 V! \) w
//背景颜色6 [  G+ A/ K0 y
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?4 ]( x% s# B$ i/ z
var pauseit=1- `. J4 i: f2 r+ j

//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'2 y! j3 J% I, B( E) y$ g

" G- U. n- |7 C5 p
////下面不需改变////////////2 u4 ~3 e& K9 w0 o

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById- Q4 Y) T. b0 j1 i/ J" Y" K) u; M
if (iedom)5 ^4 {& F3 l# R; P! [. q# X! K  e8 @" P
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')! W( h, o8 o: h6 Z6 ?8 u6 P
var actualwidth=''
var cross_marquee, ns_marquee0 K6 B( O; y; R0 n. t# x

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee4 M/ Y) I, r. o8 e7 y
cross_marquee.style.left=marqueewidth+8% V2 T& O: O+ x8 U# y+ b
cross_marquee.innerHTML=marqueecontent6 a8 x1 F5 h6 _0 }# v
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth/ ]$ {$ M" M# q, K7 x3 u5 A4 \+ b
}
else if (document.layers){# x# d# \9 n* D2 {
ns_marquee=document.ns_marquee.document.ns_marquee2- S/ l* g, b# R( S
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent): D& @8 E4 u5 s6 d
ns_marquee.document.close()
actualwidth=ns_marquee.document.width% L4 H) T+ J6 h6 X& ^
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate, ?' Z6 X4 _7 Y; |2 S" V/ f

function scrollmarquee(){
if (iedom){$ n4 V: g0 c8 |2 d) ~" @
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))1 t; M4 \/ i7 w5 k& c
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+8
/ g) |* n6 o* @) \
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8)). T6 P. E9 R& C
ns_marquee.left-=copyspeed" a. E1 ?, V4 ^7 ?' ?
else
ns_marquee.left=marqueewidth+8
}
}: p6 v7 ?8 }2 K0 y

if (iedom||document.layers){
with (document){( R4 q, J. u. L2 f
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')5 V& V: l9 x* [  N$ U6 b
if (iedom){9 {  R0 }! z) B/ g# ?! l5 j
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')) ~( Y. A/ d& e8 q" `  S
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>')* K5 ~$ j: U. i# P% ]
}( w- ?  I, e) a* U& I) j
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')* q+ P  K& m6 y: Y0 |% J+ W. u- v
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')4 I+ s. i3 O/ y; ~% d6 F4 `, }
write('</ilayer>')
}; {) u' M9 @" z
document.write('</td></table>')
}
}$ c$ m6 ?5 N7 g: z
</script>

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