标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
{% U6 P1 R# f$ D* p4 y
var marqueewidth=300
, {: l' K3 K: G: v9 S
//高度
, v% ?4 `3 o7 `9 t! x% `2 L
var marqueeheight=25
. M4 ^) L2 h) a% Q; H; b" f
//速度(1-10)
: Q) ]% g1 ~7 j/ }" h0 v3 U
var marqueespeed=3
! f6 @* d2 h+ D" C: Z" ~" ]
//背景颜色
7 H0 W% J: a/ C. Q& N4 E2 x
var marqueebgcolor="#FFFFFF"
( r+ d' Q F6 D1 }, P: F- b6 [% O
//是否能暂停 (0=no. 1=yes)?
, t3 X Y' s x2 F' i; S; Y
var pauseit=1
; p& u7 T1 ?* O6 P
9 p" @3 S% P2 }2 u
//修改显示内容
! X) Q5 h- H, b7 w
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
! [' C/ x4 e' c) E0 v! N: m( B4 O# b
# `) w* L) \6 d4 O
) n3 @" c8 \% u& f" i
////下面不需改变////////////
1 [: @1 k6 f, K8 {. t" d
& I6 \) i- k0 z5 d6 Z7 v6 y
var copyspeed=marqueespeed
# t6 s# r ?! U7 E2 P& h
var pausespeed=(pauseit==0)? copyspeed: 0
1 R6 h7 R6 Q3 m8 e
var iedom=document.all||document.getElementById
. c6 d1 q$ ]( `' W* P. l) N
if (iedom)
) R% E; d2 p! ? W, h$ Q! [! p
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
/ o* m$ Z6 m3 r% V9 S
var actualwidth=''
4 B! `; T. a/ L, I/ W) Q
var cross_marquee, ns_marquee
; |9 I+ k1 j2 `, Y4 g: z! g4 v* P
# A3 m5 W) S. }# S V% i5 q3 Q, u
function populate(){
$ z4 [/ t% t2 i) c' _) T
if (iedom){
7 z& x# a) U M. a- P, d" e. {
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
* j0 B S+ {# h/ w# ^# }2 q
cross_marquee.style.left=marqueewidth+8
1 J& P; i, {4 D& v$ X5 a
cross_marquee.innerHTML=marqueecontent
) A! v/ t0 W/ o3 C3 |7 x( L* X
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
' V2 I: p+ l: c( j! I% B0 J
}
- c" `/ H9 J/ r9 q% j
else if (document.layers){
8 a" E/ `" h. K$ ^
ns_marquee=document.ns_marquee.document.ns_marquee2
0 z! s$ J- z' Q0 {( C
ns_marquee.left=marqueewidth+8
$ v; c0 X+ j" A
ns_marquee.document.write(marqueecontent)
$ X0 J2 k5 p9 e( f) x* R
ns_marquee.document.close()
* M6 t9 O9 D. V
actualwidth=ns_marquee.document.width
2 K/ v+ k1 L2 A) @+ l8 X# r7 \
}
. T( n9 |1 a& X- i! h! \) `
lefttime=setInterval("scrollmarquee()",20)
# c" R$ J6 l, n _0 h2 A. l: J
}
' F' s% H0 v; T- y8 {3 t, D4 [
window.onload=populate
( ?7 P( t+ U5 {, L3 J" L
P) E3 _- H% ]4 A+ R7 Z3 F3 }
function scrollmarquee(){
4 I: M$ g* Q7 R
if (iedom){
( H, e7 p* k/ u- e
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
5 F1 u! k* d$ W( Q" Q
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
' n7 Z* [+ J9 r: Q
else
; q% S& C9 C! `0 f9 n+ t
cross_marquee.style.left=marqueewidth+8
2 I! n/ ?; N5 Z$ q8 n
# i1 Y9 n& C& h3 L& g. X
}
% ?2 g7 _8 q8 N. x T7 S* b
else if (document.layers){
: Q- G# l9 _8 |. g
if (ns_marquee.left>(actualwidth*(-1)+8))
) N- m3 E9 k% C" V( w
ns_marquee.left-=copyspeed
$ O0 ~3 S: M% @: V* ~8 K$ {+ A
else
* V! s( |. F4 L: b8 T, Z+ q
ns_marquee.left=marqueewidth+8
A' ^! N. X! D. x2 d
}
1 F! T2 Z5 K3 \: q) d+ q) a
}
8 M& s0 |) `$ h( l7 l( u9 Y& s8 s6 u
; ]2 v" B6 B5 l4 B5 s# Y. q' Y/ K
if (iedom||document.layers){
4 K. z, U$ L+ C5 r. Z% p
with (document){
( w' k5 W2 \, E6 z. k0 e2 s: Y
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
) ~8 Q3 M# U. Z9 J) G# F$ i1 C% @2 \
if (iedom){
+ }% Y' Z& n: O( [
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
f% O7 G; x; J; V# s
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
! r! o8 p% T$ m" A
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
4 q2 P" _2 d0 x8 H- Y
write('</div>')
3 r/ i2 d5 C' r5 W% A- u+ J' C- X
}
: i6 Y V' I, @" B0 ?
else if (document.layers){
! _1 `+ K' i7 v
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
! v, ^& @; P3 v v1 Z# C. D
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
: D& R9 {6 K) L
write('</ilayer>')
! y& ^$ |% U5 U/ O2 c# n
}
3 O: j3 F# S8 D- W5 _6 P# I: ~
document.write('</td></table>')
+ G7 r# c `* @9 Q4 _8 F
}
! s( O# q" u9 i
}
) K, j' q% @* W6 N1 C
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
