标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
% |* X! u' g& A
var marqueewidth=300
. _8 b/ `, j. P6 x; O
//高度
6 E5 q5 m3 _8 R
var marqueeheight=25
1 W8 @+ e7 y0 K: n6 b# Q! f9 d
//速度(1-10)
$ _) l6 z. J/ s }/ g
var marqueespeed=3
, A x. O5 m+ V# {
//背景颜色
% n0 r4 Y# h# S
var marqueebgcolor="#FFFFFF"
5 N% s u/ e% t6 b0 \. U7 R" Y" x
//是否能暂停 (0=no. 1=yes)?
# X; i9 I) e5 |5 Y* J( f
var pauseit=1
2 ^9 K5 f# a' i* R' f
9 g! D. n8 J2 z
//修改显示内容
( `4 ^. S9 ?; Z O
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
% O4 z* ~% ? l$ D, V y0 @* e
! {& D2 H$ A/ v8 N, z# m
7 M& O1 u/ V N
////下面不需改变////////////
' r) N0 D: X, d
8 h$ p7 M/ S, X* H1 P: I
var copyspeed=marqueespeed
2 |2 D' v4 s* n7 ^" v
var pausespeed=(pauseit==0)? copyspeed: 0
; }: K9 X1 \9 ~
var iedom=document.all||document.getElementById
5 |& Q0 @# Z2 E
if (iedom)
* A' x. C$ c1 K/ b
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
9 F: i4 J4 G" S( W% m; v1 ?
var actualwidth=''
. ^& I9 m4 a8 d7 q2 Q
var cross_marquee, ns_marquee
% i. i$ m8 _7 ?8 n, s( d% ^2 X
7 a$ ~+ d+ M7 L; v( M
function populate(){
+ N/ l4 Y% e2 c+ \$ F' O
if (iedom){
6 |* U/ c/ U) Q' Y. n: u* i
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
* x% z, @( h. I, C! Y8 `8 t
cross_marquee.style.left=marqueewidth+8
5 k, H' j1 n$ [- d% M
cross_marquee.innerHTML=marqueecontent
% S! O7 @/ r7 [4 Y* X' w3 ]( A
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
: B, Y4 a, p! u9 A/ X: `
}
" c! |6 g0 [4 p/ A" E' }4 _
else if (document.layers){
4 x* o* t3 `# Q
ns_marquee=document.ns_marquee.document.ns_marquee2
8 \, \, i4 K2 m: @
ns_marquee.left=marqueewidth+8
6 P% D: v* V. P" i3 ^
ns_marquee.document.write(marqueecontent)
. R" P, U6 l3 C' ^% B5 d7 D- }6 J
ns_marquee.document.close()
9 ~* A" |6 Q' b& A* I
actualwidth=ns_marquee.document.width
1 I/ w3 H1 R5 H/ C: o
}
1 @5 F* _& B6 ]2 }6 o
lefttime=setInterval("scrollmarquee()",20)
2 C6 n# W$ S4 X: h1 h& e; u
}
% C4 `) K+ x0 n! Z/ e
window.onload=populate
* V2 w0 e5 s* P6 x
3 D* V- |. p- m( d
function scrollmarquee(){
, T; g( D3 C. i: s
if (iedom){
?1 h- O5 i+ q: k h7 ^
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
* M, ?# P& B* C5 c+ q8 p
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
! n2 }! L3 z7 Z, D- `4 t9 e
else
# F4 p3 {) l3 M) V1 ]8 n; O- R0 a+ M
cross_marquee.style.left=marqueewidth+8
2 b. B" W( c2 O, j
5 g% D1 J0 ]% F' j* ?# w$ j! v
}
; A2 A- W( V) H: H1 h
else if (document.layers){
% C$ `2 r# t( u4 J: b5 a
if (ns_marquee.left>(actualwidth*(-1)+8))
( s. f7 A& A0 J. k
ns_marquee.left-=copyspeed
- X- U8 M K5 h) u
else
" {1 N3 X K8 N5 s1 P: k: i, R
ns_marquee.left=marqueewidth+8
D0 x% F9 r+ O/ m& s' d
}
, c. B! u2 B7 H* P' J$ F8 r
}
; b% U/ Q: \- l6 J1 H5 c/ D2 w; h
" C+ F. |: ?: Q- j) @3 t* F- g5 G
if (iedom||document.layers){
3 [% x8 z% Q5 B9 t8 E6 U
with (document){
Z- \3 u7 E+ C; A7 ~6 Z6 Y
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
# Z. S$ s4 t: B5 I/ X8 B! u5 _
if (iedom){
; k9 u5 p( t, ^& z
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
- e0 y& n( J, x7 V( f
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
1 H% C$ W- r6 l
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
# D) b: \+ {8 x! l: D& m# d% _
write('</div>')
7 z( i1 a& b! K5 F) r
}
+ ]( g3 c7 F: H3 J
else if (document.layers){
5 C3 R2 z2 r0 b
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
6 U+ h9 D$ _0 A4 z' R9 T$ x
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
& r* \' I4 M$ j2 q- J/ V
write('</ilayer>')
* U8 m) | c$ [' c
}
- a( L; W( U# s. y
document.write('</td></table>')
8 |$ l# W* k, |- B0 q" u
}
) A1 v0 p4 ?+ n* N" W1 y6 I( {6 D
}
4 {- U2 j4 ^0 ?% c
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2