网页之跑马灯文字特效

zw2004

//修改宽度
8 w& i  |$ d7 T3 mvar marqueewidth=300
9 Z; E( @) n" d4 Y5 C//高度) T% y% z/ v' A+ U$ Z& T* f8 Q
var marqueeheight=25
) ]& r% L# ^/ N! b; m- S//速度(1-10)) @% i* {( K5 M( i+ Q
var marqueespeed=3$ y, H+ A4 r" J; t# m7 K: X# r
//背景颜色
: v+ k8 @8 \+ d7 Ovar marqueebgcolor="#FFFFFF"
2 k% Q# X! T" @* Z  n//是否能暂停 (0=no. 1=yes)?
# o; [) U; Q. Dvar pauseit=1
1 G* I# D" Y4 M& U1 z9 R; U
" Q3 {% w+ m& p  H3 N4 x$ P  y//修改显示内容
" X  B. N' p' H' U' @var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
- ?: o2 U: K# f# h& X' D- j2 f6 N( [( }0 ^+ |: }/ P- r* n

3 [2 L; W% T! Y1 O  O////下面不需改变////////////+ N! l0 w6 c" o& Z$ W+ q" Z

8 v4 g4 a9 T& V" V2 w3 lvar copyspeed=marqueespeed: o$ @, \. C  I/ R) p
var pausespeed=(pauseit==0)? copyspeed: 0
7 {$ a! q( p3 K& I$ Evar iedom=document.all||document.getElementById4 c# Z$ m1 k! C5 f; i) ~
if (iedom)
$ }- D' Q: I- t8 v- |% [& Xdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')( p5 M: {; z% S. e# ^" F( C
var actualwidth=''8 R+ U$ E+ Y! f( _0 q
var cross_marquee, ns_marquee1 y+ [1 z6 o2 |- n4 F

' f; |1 c0 ]% z9 P+ P! F8 k' z- zfunction populate(){
! w+ c1 E/ n* t. }; x  |if (iedom){  N) N2 S0 a- X' v; R. G) |
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee- `+ x& B- ~' H+ d5 |& Q1 F
cross_marquee.style.left=marqueewidth+8
9 Y& I7 R- f9 z8 Q' A$ Ocross_marquee.innerHTML=marqueecontent( ?2 }( N9 y9 b  ~8 _8 q
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
) O# t+ D% @' n7 u- H}: p* K) k5 m$ R4 t1 \5 \* i
else if (document.layers){
/ `5 G2 k9 r* x* xns_marquee=document.ns_marquee.document.ns_marquee2
# _3 b9 W5 S# @2 _8 K8 j# fns_marquee.left=marqueewidth+80 _6 x$ r7 ^9 u6 y6 z6 z4 ]. o
ns_marquee.document.write(marqueecontent)
) G: l* ~. q0 g4 S; gns_marquee.document.close()9 n1 `8 D7 U. G" b0 `0 @9 z
actualwidth=ns_marquee.document.width! g8 d4 {! Y+ w8 g
}9 d2 s. @8 _9 V0 |( Q9 F$ y6 y7 c
lefttime=setInterval("scrollmarquee()",20)
5 r7 ^! m$ c/ f/ }}
% [8 K2 ]4 }' E! B5 X2 [window.onload=populate* I6 ~; b7 N$ Q' U# C* s9 G

5 H, u) l' A3 f; e) Efunction scrollmarquee(){" c" v$ c8 I) a" @
if (iedom){0 K2 |; b& A; i
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
; z* {2 R' \* }$ Ecross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed9 X/ i$ U5 I% d) n9 v. Q2 f) J. S
else
3 S/ J( ~9 ?/ R8 ]% ncross_marquee.style.left=marqueewidth+8
) X4 D# Y, ~* x
7 P9 {9 [8 |" L' B}
, g" {2 o% D; j9 q/ C8 K5 velse if (document.layers){
% t3 z# {/ ?2 W" aif (ns_marquee.left>(actualwidth*(-1)+8))# Q( A# d. ~# w. l$ R
ns_marquee.left-=copyspeed% Q/ P+ G4 x4 v" W9 Z/ i
else; g2 @* @. \, ^" J3 a8 K" {
ns_marquee.left=marqueewidth+81 k2 B6 I+ h: @6 j4 H
}( ~1 Q3 F' g- Z9 d, F# Q4 Y. Q
}
& c& I  U5 e& b2 e8 `9 @& o
* [' n, x* U- ?if (iedom||document.layers){& L$ Q# p8 u4 H; c
with (document){
6 o$ z2 @) z+ m9 Fdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
: A8 [5 o, p9 T2 d0 c3 w3 vif (iedom){
/ Q: f8 \& q0 U6 {; ?/ w0 uwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
) X' u: O( e8 L; Twrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')( l1 _1 `- u) h& N
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
5 F* K' ~* E5 Ywrite('</div>')
6 D4 B+ R; Z0 F, v: i}  @/ i- w: J5 f& h' p
else if (document.layers){9 H: e4 n! B% j' r: W/ m
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')9 R3 i9 ~3 {! l
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')# x4 x6 S& E" U$ E- ]1 k+ U
write('</ilayer>'), {2 z% ^, e9 @
}2 T( }& z( D( q$ ~0 A0 m
document.write('</td></table>')0 t: Y' j1 u+ ]/ m
}
- _0 h! ^' y2 g. z5 K0 |}4 E" N0 U  m7 I4 {: L, u' u
</script>