Board logo

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

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

//修改宽度( d- A9 n1 X7 Y4 R/ f  ]' Q' Z* n7 ?
var marqueewidth=300: J. e( j4 q& L6 Z# [
//高度
7 l, X6 Q0 ~# f2 E1 `; A0 g# m4 Xvar marqueeheight=25/ n+ S9 k! a5 K+ L
//速度(1-10)( P4 Y0 U0 Q( P2 q
var marqueespeed=3/ F; p3 A" {% G; K
//背景颜色
/ [8 E/ O: v$ Kvar marqueebgcolor="#FFFFFF"
5 y7 B* F  k3 ~; U//是否能暂停 (0=no. 1=yes)?. u( n" b5 I; V$ L, T
var pauseit=1
. q+ U6 n) d/ i' D0 i) ?" _, e
/ g0 O3 I& |. m' n3 I$ D- O$ ?//修改显示内容  l: k1 k+ L' P6 X8 G/ @
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'* x2 n& O+ Z+ Y: ], ]6 O

0 s7 i+ t# z) i- G/ h8 o' z# A, {1 l3 F% g: w. f0 v% M
////下面不需改变////////////7 Q, ~! u6 {: K' N7 b* ?  ~
& Z6 V1 X& B( d" g8 z$ m. X
var copyspeed=marqueespeed
( E: Q, \  |( d) r, J+ dvar pausespeed=(pauseit==0)? copyspeed: 0, Q$ D. p# p( [6 o9 n
var iedom=document.all||document.getElementById
; D  C5 r. z6 h4 k1 A; A5 J# uif (iedom); U4 P- `5 h0 V6 Q( T! U7 G' K- `
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')5 b# ^' o5 l: r6 l7 r
var actualwidth=''! S7 [* c+ \' }& K
var cross_marquee, ns_marquee0 a! O2 T0 X3 j
2 f/ z0 ^& }  P' I; R
function populate(){
! f1 \% L( ^! m: d2 p% S9 {+ c1 Wif (iedom){
, m8 v4 [/ k* ^7 G8 I$ r% Ucross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
/ L/ Q: a2 C9 g6 U2 F" P# Lcross_marquee.style.left=marqueewidth+8/ J, B( k; J' J
cross_marquee.innerHTML=marqueecontent
9 u, c6 ]  v$ b, d4 e! y8 Qactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
8 I# `  O3 ]8 V8 _- @9 }+ e& U% U}1 g1 H. D0 F" a* L
else if (document.layers){
/ N* T. i  B% i  L1 Z. `; qns_marquee=document.ns_marquee.document.ns_marquee2# b9 [9 w: \1 G& P. `$ |
ns_marquee.left=marqueewidth+8
! @+ I; K% P* z. T' Dns_marquee.document.write(marqueecontent)
: Y% t0 \2 h1 u. i. K& Cns_marquee.document.close()  W6 i% ]" m2 O$ f( f" W( M5 v4 x
actualwidth=ns_marquee.document.width
: y7 S& n; W' e7 A! k# P7 r}$ Y+ o4 X% [: B
lefttime=setInterval("scrollmarquee()",20)
; [9 k* p2 u2 z" r  ?) a}
% Q' T; e7 Z$ Z# p2 w" }( x! x) p& L' ^window.onload=populate
5 i6 B3 \# i1 Q/ l
& |1 `$ h& o! Rfunction scrollmarquee(){
3 a# h+ s3 g# l# ^! Wif (iedom){& J" @1 m8 Y- A2 J: `$ s- P7 H
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))& ^% Q1 k! ]$ z, t& n
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed' o  ~& d# h& F
else+ F" x: ?4 j5 @- s# L8 R; M2 }
cross_marquee.style.left=marqueewidth+8) R& j8 \4 a/ r2 F" p3 [
$ }6 M5 r  Z2 ?/ \+ U
}  P( i- e9 _! O( A. ]
else if (document.layers){9 w* ?' \0 m0 Q. y2 y3 Y; E, o
if (ns_marquee.left>(actualwidth*(-1)+8))
0 w& v( `$ b6 Tns_marquee.left-=copyspeed) h$ W/ c/ f& r2 Y, o
else5 s7 [) V% c' y/ e' I, @3 B
ns_marquee.left=marqueewidth+8
, s* P# z; G; Z* u8 Y}
) }$ M2 U: G( W0 p( K" I. \! u% @}$ P  {2 H7 a' V# x6 G; F, }2 b& f
# |% P  R; L4 ]
if (iedom||document.layers){
* R" l0 i$ a" A$ ^with (document){
7 Q2 A) {1 G- T+ E1 B  C2 O) ]document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')6 d* @' L# `  h& ]. B  ?5 g+ J( L' x
if (iedom){! S$ i7 G! q9 z  |: \
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
. t; I; W; d, l. a0 ?  nwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
; G: y2 |( g" ?$ H- ?0 O4 \write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
2 V. u9 Z; T! E7 @( ~& twrite('</div>')
+ V* t9 ]: H; s- M' [! K2 b2 o}2 L1 h$ s& U# f) d) J# C: Q1 s6 F" {
else if (document.layers){
* i2 V: r( u1 T0 x8 A' Rwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')+ O6 w# l, e- s
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
. e. @4 m7 Y4 a3 @write('</ilayer>')
4 i$ P" D( M3 E0 K6 Q" [}4 J. g9 B4 \+ x) \  J, [
document.write('</td></table>')
/ D6 d- o& n* ~& ^" c6 X}0 |) E+ c1 W) V0 O) }9 U- X
}4 F; g3 @  L. `! m  ?7 d
</script>




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