网页之跑马灯文字特效

zw2004

//修改宽度8 V) k! O' v# z* ~# Q* [
var marqueewidth=300
( g2 f4 r% P+ O7 Q. g8 O3 e//高度: s& I+ \3 Y' q7 }% X  r) S
var marqueeheight=25
9 g2 k9 T$ }) S  u; ]* Z//速度(1-10)9 A" |' f9 n) Y/ L9 l3 ^% M8 Z' p
var marqueespeed=3
  s% \. T, i$ P* E//背景颜色
& R; A0 }! c" e% Z; @' svar marqueebgcolor="#FFFFFF"
1 d+ v% O* a  s7 `+ M9 K* {- e//是否能暂停 (0=no. 1=yes)?
& l& O( ?1 e7 Z; d, jvar pauseit=1
' W. a( B1 n1 n+ L- ?1 K
, {% X& h9 Y* u7 M//修改显示内容, |2 E3 v/ @/ k" h" j
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
' w- f; j* X+ \7 s+ Q8 F- _  U) G. P( D
! d# F3 P$ ?, s' }
////下面不需改变////////////
+ M/ ~" k) J3 B' t7 ]. k1 A, j6 [) }- p! l3 b& n
var copyspeed=marqueespeed
' r5 @5 X7 ^' i8 V# G0 wvar pausespeed=(pauseit==0)? copyspeed: 0; [1 G4 @$ c3 g& T
var iedom=document.all||document.getElementById- g8 ?8 Q1 e+ ]2 s6 [
if (iedom)6 k! f. U0 h% t7 c
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
1 [  Y# a" p  ^+ ^  F+ s. ~var actualwidth=''
5 x1 p0 m5 W, E! h' Ivar cross_marquee, ns_marquee
4 r* a. y: d+ n  q% i  q( j! X( C* f  c2 r5 _
function populate(){+ x: J; Z& }* m% d; k1 |
if (iedom){& S7 _2 o0 x3 j/ v' Y8 N4 V& q' ^3 z! ]
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee( ~7 K8 D& T( k8 f3 {
cross_marquee.style.left=marqueewidth+8" C1 v4 _) E$ K' F& Z$ z% u! B
cross_marquee.innerHTML=marqueecontent  W! A, D  Q0 T# @
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
" m" F! f" U$ R! G/ ]* R/ _}8 d1 i4 y4 b& ?4 x0 f% b
else if (document.layers){* @$ O+ Y0 o  D' V
ns_marquee=document.ns_marquee.document.ns_marquee21 D7 u: s. o5 \: ^+ `6 Y$ N2 F
ns_marquee.left=marqueewidth+8
4 e, ]1 V7 P& [3 jns_marquee.document.write(marqueecontent)+ [! W: @1 @# n9 _; W* [) @7 O
ns_marquee.document.close()0 Y: W7 s9 p3 P
actualwidth=ns_marquee.document.width
0 z- r" T! u/ P' q3 H}
. V/ H% y8 ^- D) M4 x" F  |& a6 M. hlefttime=setInterval("scrollmarquee()",20)  y" d4 a4 q' d" l# j
}- D: C6 X5 F% M9 n- I
window.onload=populate, C3 T# ~- z1 p9 H5 d
: r  U4 j3 k! e& i) ?
function scrollmarquee(){
3 G1 }$ L% Q9 \/ gif (iedom){
+ b8 [8 R7 ~: m6 m7 D) ?+ Cif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
  w+ ^" D. N5 g- V, @) Vcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed* T, d/ A$ `8 I( c* b4 \
else+ z& M4 ^$ ^% M! O6 |
cross_marquee.style.left=marqueewidth+8
( m: u4 b1 t9 z; |4 a* ~
4 Y! Q7 w5 S9 q& Q9 J}
* p4 ^( P  r2 l2 Oelse if (document.layers){
9 O. `4 y0 @- @$ bif (ns_marquee.left>(actualwidth*(-1)+8))6 c2 M3 Z1 g1 k8 M" I7 a4 m6 ]0 X
ns_marquee.left-=copyspeed
7 D3 O9 `8 {2 H8 jelse
) R9 `$ {5 r, c  V% Jns_marquee.left=marqueewidth+8
# l$ V2 Q7 o+ `4 A}' n& g: F* y: ^6 H) S
}
+ ~0 k4 I- R1 r9 v5 C2 y) Y% i- _" E' \7 O5 f, P
if (iedom||document.layers){; W1 k. b" ^+ c- D# ]
with (document){
6 m) f3 B$ H2 u0 `% y, |document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
$ a5 H! d; S: ?% \# ^if (iedom){* R3 U: x( n9 v; j% Q- a& Z  X" {
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
. P5 ]" ~# a% A9 ]5 U) P+ Rwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')- |+ _- ?. F8 u+ ?3 ~
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
3 L9 T1 D3 M) w, B+ uwrite('</div>')- M/ _2 L; z& m& C  Q
}0 N; \* p. Z6 h
else if (document.layers){
7 ?" Q: P3 b; g: ]write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')% J) F6 ], G3 q' m+ _
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
$ f5 [! [5 G' H' W" A2 g2 ]write('</ilayer>')
! z! S0 i& E  y3 |+ H& s, h}, g# e# Q* k$ X6 P6 i% z
document.write('</td></table>'); e% e/ W) d; Z# H
}+ H8 i. Z/ c! Z' G- d; R
}
. \. _$ y  Y, t" J, ^- l) u5 o3 }3 }</script>