标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
) y3 y" a3 c5 n' I2 |9 X8 `9 |
var marqueewidth=300
8 w" |# y+ }, [- W9 g9 F8 L
//高度
" r1 ]6 U3 D0 Z
var marqueeheight=25
% k5 O2 ]. @8 q/ ]
//速度(1-10)
" d6 x( C3 G7 _2 }6 e7 g6 Q1 @
var marqueespeed=3
& J* Z! W" K; T' u+ \
//背景颜色
: g5 @! m( g2 R7 p/ s
var marqueebgcolor="#FFFFFF"
1 z! F$ O: L/ {+ ^7 ?' |# r9 {
//是否能暂停 (0=no. 1=yes)?
0 ~" O! \7 U. L4 }. _
var pauseit=1
1 z C) }# K/ j" P. [
0 B. q( U5 R: o( Q+ q* I- m& D, ]
//修改显示内容
9 ^, i Q1 Z- T: T% G& R8 s+ m
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
' w6 H4 K" K( \5 v% i9 N9 F" {# M
8 N; g+ d0 u. R4 P$ B
: n6 G, r; K/ e% z
////下面不需改变////////////
" w2 M6 D* u' k% M/ Y0 h
" g0 `" J- e# q
var copyspeed=marqueespeed
( @+ S' e1 x; d( P
var pausespeed=(pauseit==0)? copyspeed: 0
5 L7 y3 A- o7 G- h
var iedom=document.all||document.getElementById
% l* G8 o8 G. M( O9 f, S
if (iedom)
+ D( b2 G# N8 B6 s3 y2 |. }. g
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
$ [$ K4 N2 a% H8 [! ~ j; y% [
var actualwidth=''
( [8 e2 d9 t: L/ q7 Q2 H
var cross_marquee, ns_marquee
" f% N) w9 m0 D" A& `: A
. g) I8 j- ?7 m5 W: ?' g- y
function populate(){
X% F! H: N# m
if (iedom){
3 j; ]0 g! Z a B( F
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
- j5 _! w# ~* ?8 }* B7 \
cross_marquee.style.left=marqueewidth+8
: m: a1 o. j* C( ~8 G( b
cross_marquee.innerHTML=marqueecontent
; ~+ K7 _8 f* I! J) W# I) S( Y- {
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
1 s$ v9 P/ Q1 _7 u9 J
}
' I4 e' E& h; `3 s1 p, i
else if (document.layers){
- t# o7 V0 a6 A# E3 t
ns_marquee=document.ns_marquee.document.ns_marquee2
( n k( X1 o7 _. u) C3 {2 |% X
ns_marquee.left=marqueewidth+8
5 ^9 K9 B# E- L% J3 L x3 e
ns_marquee.document.write(marqueecontent)
) ^# g# ?$ _) A, y. {
ns_marquee.document.close()
. O2 L! n. o' A: P3 {6 y7 [
actualwidth=ns_marquee.document.width
" T d) ` K* U S
}
9 I9 L( f) L7 z
lefttime=setInterval("scrollmarquee()",20)
q3 B1 u) V% _, M
}
4 Q; N6 T' B" i) G( X
window.onload=populate
% T' p* u- F) t! P
, s# i+ [. D) \" w9 e w) S
function scrollmarquee(){
5 N8 _" a; d2 i: \
if (iedom){
) _1 F# k" t0 o _) ^9 W+ q
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
8 }. G9 K z4 Z7 ?4 q3 y/ D- T
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
' H8 E3 W' {) z6 m4 [# L% r: {; I
else
% C; B8 {- a, O& n/ n
cross_marquee.style.left=marqueewidth+8
+ n. G, u+ N. S6 u, ?0 K* W
; ^0 B7 ]7 R3 s N$ g. D$ N
}
& n$ v# j) T J" ]! \& l0 ?4 o5 @
else if (document.layers){
& E3 Z) y' l& Y% ~. ]/ h; [
if (ns_marquee.left>(actualwidth*(-1)+8))
, u& ` F8 M( P x9 Z7 r8 j
ns_marquee.left-=copyspeed
4 f; k! h/ K3 Z# }- w+ d
else
% i! j P6 T6 ^/ w7 T* P7 r8 x
ns_marquee.left=marqueewidth+8
% F' m8 I5 t6 X3 s* O7 ~4 N
}
& y& X& B2 `1 f( v; K
}
7 F. E* |3 z% F4 C$ Z+ T
& c- S9 j) f5 {- p. X
if (iedom||document.layers){
" _9 [1 e$ Q8 p; F: ^( h' f% p9 A
with (document){
3 b3 P2 V$ v$ A: g
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
M( r$ L9 t0 e
if (iedom){
' u$ C. o1 I* F" D: p- e. U0 p% y
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
; K+ T: k a3 F9 k
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
; h2 ~/ T# x& [, K. Z9 v
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
( ?7 J# N' Y5 Q) D
write('</div>')
! U# q3 e% ?' i ~' M% B7 M# h
}
[5 V( ]4 p, U5 _! F2 [* D# K' E2 G
else if (document.layers){
0 g' }# C! O7 K! N1 ]" i* z
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
* R1 C5 y3 ^! v) `" W7 T/ Q: B
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
n- s; W4 O' Z: X0 j$ |
write('</ilayer>')
$ U$ C" ^* v4 i& P# K; b/ Z2 f8 I
}
" A9 m$ [3 {# B0 A
document.write('</td></table>')
5 N; B, p6 z8 P0 b' F
}
* ]9 K6 K2 U9 V% o# w4 I
}
* E0 _7 O6 \; s4 I4 p
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
