标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
4 Z$ z8 m# r+ h% e( G) n
var marqueewidth=300
$ _" _$ ^: r: E$ V0 S, g
//高度
% o$ E# s& ~5 j* G! v
var marqueeheight=25
* I8 a6 L( t, p1 }6 q' Z# a: c
//速度(1-10)
y w% @( T* w M& v/ d
var marqueespeed=3
+ T% ^. H( W: V* Y2 J/ d
//背景颜色
: |' @' W, a* s: }" E/ ^+ [
var marqueebgcolor="#FFFFFF"
C+ H+ A' @0 _( N E
//是否能暂停 (0=no. 1=yes)?
! }- j6 j$ @! y8 D7 ?
var pauseit=1
- Y3 ]8 }* Y1 n4 O6 M* h
* f+ B4 P# {; t! K4 {
//修改显示内容
" ?$ F" \' Z% R
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
9 x! E0 B% `; a5 Q, i( m3 g* M7 i0 @' |: x
% C. E/ H o. G& ]9 w: T) H
/ r) {3 a$ t) e$ ~) v
////下面不需改变////////////
6 o3 Q" d( Y- K7 U4 K3 ^( {) L
! i( q8 k% I$ k/ W" i- Z
var copyspeed=marqueespeed
: Z, D/ t, C0 X
var pausespeed=(pauseit==0)? copyspeed: 0
" d. E* e7 R6 O+ g* x4 f
var iedom=document.all||document.getElementById
2 Z3 l z4 @ M: s1 ?
if (iedom)
4 {, z- l6 |2 o" r; T
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
. c: a8 O6 N) O2 a% w9 J/ d
var actualwidth=''
5 A; {+ J7 v" a7 y' }- [% a
var cross_marquee, ns_marquee
- a" h! } c* F$ G( R: `
8 i2 {& [8 y( n
function populate(){
/ [0 X! a2 ]0 R( r6 p9 n+ j
if (iedom){
2 m; p v2 d! O
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
T/ B9 g; a1 V! {, F- B5 k
cross_marquee.style.left=marqueewidth+8
5 a! r) q; a2 z
cross_marquee.innerHTML=marqueecontent
' d7 G6 r9 |2 H
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
; O7 f$ G o, V$ }/ O- N/ s% A3 j
}
, c& s8 F1 c8 H
else if (document.layers){
3 P6 p8 e9 B9 Z
ns_marquee=document.ns_marquee.document.ns_marquee2
7 k' d" |! f4 g0 [- R' _* I
ns_marquee.left=marqueewidth+8
! e& C; x; D4 H( _/ }8 n
ns_marquee.document.write(marqueecontent)
5 ]+ n0 l! s/ |# ]. j
ns_marquee.document.close()
' U' z! J! Y' s$ w' {
actualwidth=ns_marquee.document.width
& U! d. t* Z9 W$ m
}
! _9 D3 A |/ V% t
lefttime=setInterval("scrollmarquee()",20)
4 K0 d' S, O% J5 \! u5 U+ d
}
$ d8 A1 i [8 P: v0 \
window.onload=populate
8 q, h) _" j$ Z1 d7 |2 Q
, ?0 p4 R' W) u; F4 `# s7 E$ W- v
function scrollmarquee(){
9 Y+ J% u+ t& y+ v
if (iedom){
! O* q4 V' ]6 y
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
`8 ~8 P3 k& }- [0 M
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
4 [1 b" i6 r" d9 T. K, \2 U& r
else
8 L) d. D6 L/ S7 V9 P7 j9 x" i
cross_marquee.style.left=marqueewidth+8
0 x: L3 D9 Q/ Y' l- e4 K4 v8 A
6 c; J9 T( t& E3 Z' g# u3 B
}
. _' c9 R2 ^8 i; x' ]0 M: O; E3 i4 Z" T
else if (document.layers){
+ J! l: [( |8 _: Z+ r- D n
if (ns_marquee.left>(actualwidth*(-1)+8))
! S& S8 o% I: Y% w4 C# i) J
ns_marquee.left-=copyspeed
( p$ u/ r: I" r1 C
else
8 h( |8 N m# f) m' D
ns_marquee.left=marqueewidth+8
1 z& C/ t1 p6 f" Q. \4 k2 S. i
}
% J5 R4 H+ I$ I; {5 b+ s
}
; D, ~% L0 J& \8 Y
) ]! [" r, ]$ R. S) _1 `
if (iedom||document.layers){
% C E1 j* e) n" o6 X; A5 ]9 ^
with (document){
& b# J p+ ^. P% O& s+ L$ a
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
# |$ P$ p3 g6 k$ t# e" K$ i
if (iedom){
, a& |5 _8 w# w9 K4 M
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
( A: B7 Y! {" _8 \$ @
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
& J( K; v; ~/ A0 U
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
h) v4 e$ u3 |' t
write('</div>')
) m4 Q1 U+ d* @1 C) m1 [+ U2 C
}
/ y, o2 P3 M2 M
else if (document.layers){
5 s' _) ^% H C7 s8 v
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
* Y- f& ?. F0 q. N; r: f+ o
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
6 j- V; [* `: h$ N2 Z
write('</ilayer>')
2 l R( n3 b6 s2 b/ v! @
}
" K+ _5 z* p& _9 e" h- q
document.write('</td></table>')
# G1 u9 j' i7 S% n& y
}
: F& D% a' }9 S- r9 G# Q
}
: a$ O& A( }( [5 b9 e
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
