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

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

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

//修改宽度) q0 Y& ?# `5 j% L' s7 Y1 ]
var marqueewidth=300
//高度
var marqueeheight=25
//速度(1-10)2 N- r6 X, T4 m1 O: M' T, U
var marqueespeed=3
//背景颜色# Y4 R' F5 a* D4 o
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?
var pauseit=1: z" f  ~. E2 g

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

& g8 _0 Y' y- a  _1 Z8 c
////下面不需改变////////////* y1 ?) s/ G; W( k

var copyspeed=marqueespeed5 d* J( J: v( m3 I
var pausespeed=(pauseit==0)? copyspeed: 0  g( J, E$ T& w9 m7 A
var iedom=document.all||document.getElementById
if (iedom)+ v- B. d* |1 R' g  V) Z' R6 |" c
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
cross_marquee.style.left=marqueewidth+8( }& c: _9 Y: d* D, ^* v0 j
cross_marquee.innerHTML=marqueecontent7 M* L/ V5 j/ O* w: e8 y4 p/ n
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}! g7 c0 }+ `& z! I
else if (document.layers){; R* d& @0 Y: X2 {
ns_marquee=document.ns_marquee.document.ns_marquee2" B* y6 m  @2 \( S6 V. x
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent)) q' ^4 u# v4 `3 Q* P: E
ns_marquee.document.close()5 P) J) X5 U8 e& B
actualwidth=ns_marquee.document.width
}4 T5 n& c( ?4 Y; b: z9 j( y
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
' n: {; ]5 m5 F8 [+ k1 u5 C
function scrollmarquee(){; z' h! _' |; F" }) O
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))# l+ n/ k* G& Q. E. n
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed9 k& F1 Q* b) m2 j3 p# {
else
cross_marquee.style.left=marqueewidth+80 b- ^% {5 f$ Y
! b7 Z. Y( m! E
}5 M$ O7 R! g" _3 g7 a, g
else if (document.layers){$ B6 t7 V; I0 |3 r. u
if (ns_marquee.left>(actualwidth*(-1)+8))5 _+ p& L6 I" H% x
ns_marquee.left-=copyspeed- x( @1 o3 C, U' `6 ~
else; L& y6 k4 ~/ r+ w* E, N" P- E% ~" a
ns_marquee.left=marqueewidth+8; b4 A5 P% p8 q* c
}
}! B  f9 U7 v) F4 q5 r# y

if (iedom||document.layers){
with (document){9 d: G6 y0 z7 d( @- M6 ?! Z
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')0 [/ S4 {4 q/ q2 k: `! V3 x$ h- C
if (iedom){6 Z1 M0 I% n- g! t0 S! }( |
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>'); \* m( B8 O( X* `4 p
write('</div>')/ |  `3 \" [3 I! ~' S% `2 Q$ w- J# L
}& s- ]9 H( J7 D% T, U3 C1 w1 S) m9 z. M4 Y
else if (document.layers){3 j4 O6 P# f5 R& L  M
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>')9 \6 p" V4 J' I
write('</ilayer>')
}- X, G& @( I% o; F
document.write('</td></table>')
}
}
</script>

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