标题:
网页之多变的图象导航特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:51
标题:
网页之多变的图象导航特效
<script language=JavaScript>
- T b; s6 x0 N. n3 Y5 y+ J5 _. S
<!-- // BannerAD
- u7 Y% K4 M" Q$ \) B/ Q+ [1 t6 V* |
) @1 K- e8 s4 `; C
var bannerAD=new Array();
7 P' \4 }/ j8 T7 J8 f
var bannerADlink=new Array();
c9 s4 k( X4 B/ }
var adNum=0;
1 S& w) N# y# w% }7 c
//修改下面的图片地址和相应的链接地址
' Y5 x3 e8 n- ]" c8 R( M
bannerAD[0]="../../image/01s.jpg";
! Y" Q/ a6 K. w
bannerADlink[0]="../../index.asp";
+ K% z: C7 }3 D1 P8 A
bannerAD[1]="../../image/02s.jpg";
! z! [! V$ v& O( z3 h
bannerADlink[1]="../wytx.htm";
! V: s0 l5 ~- f! ?
bannerAD[2]="../../image/03s.jpg";
. a& \% g8 c w, z4 }$ M1 T t
bannerADlink[2]="../../sxym/sxym.htm";
3 N/ p( P' l7 E7 }3 O. v
bannerAD[3]="../../image/04s.jpg";
/ U# ^% V+ P: N k4 r% }( U
bannerADlink[3]="http://www.jzzy2.com";
0 E* r, x% L: n# u8 _2 A
bannerAD[4]="../../image/05s.jpg";
1 h) L- V/ e# V" |' p
bannerADlink[4]="http://www.cwdcn.com/";
3 |1 z& @: G7 I. G6 ]/ P6 C0 h
bannerAD[5]="../../image/03s.jpg";
4 k: t- N3 d4 h
bannerADlink[5]="http://www.jzzy3.com";
_: T7 u1 a" u9 D! S$ C+ Y+ d
0 T& G; j' Y- t1 _" L) u
var preloadedimages=new Array();
9 T7 q: _: f+ h2 N p% M
for (i=1;i<bannerAD.length;i++){
) Q! u) v- W- y% |- u# c! H+ l, j
preloadedimages
=new Image();
; Q% v# U$ I" e
preloadedimages
.src=bannerAD
;
. t7 ?, D: Y; `% X
}
3 X% }+ [. a; z1 a
0 W/ n; ?0 f& ?
function setTransition(){
7 r/ S X% P3 H6 i
if (document.all){
# ?4 e2 J5 v& K e/ q. P
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
. @: [& G6 E" G& ^
bannerADrotator.filters.revealTrans.apply();
5 ?2 t2 C( O1 c( x5 v# Z- {+ S
}
0 |7 V7 J: T- ^* q8 ^; U4 K
}
4 a& s9 x' C1 l3 i+ b
* f# _9 u: w; V- H. U7 x* A. c9 s
function playTransition(){
+ m: N# V- }* T' O$ R5 O! R$ Z
if (document.all)
( v& Y T3 d! K: W/ m9 r8 w" P
bannerADrotator.filters.revealTrans.play()
& b% w! @) M; y; n+ b4 c+ B! \
}
( U) b- r, O* R+ I
# _' q1 `0 _8 l9 q9 f/ Q$ ~% f
function nextAd(){
8 f: B- x K9 L9 l
if(adNum<bannerAD.length-1)adNum++ ;
! S9 K. ]8 S% e' |2 X- [; m
else adNum=0;
) s* U6 x( h8 D+ o2 y( d$ r$ {
setTransition();
9 \- r+ C8 T& A' U1 ? d/ B0 y o f
document.images.bannerADrotator.src=bannerAD[adNum];
8 P2 z/ e+ e4 B+ Z1 r4 X8 w; Q9 L
playTransition();
) l! ^! o) [* y8 J# h
theTimer=setTimeout("nextAd()", 5000);
) j' m3 v% y/ a* \$ P- v) ]! S' T
}
/ _( {. K6 h! ] D4 }
7 A6 a& g/ g) ?) c8 N
function jump2url(){
' R2 x. t- d( h2 ~3 t# x8 n
jumpUrl=bannerADlink[adNum];
' W4 N# G2 ~$ [0 X
jumpTarget='_blank';
4 ^8 ?8 [: d! b7 z
if (jumpUrl != ''){
/ M' y. A2 @9 {3 ^5 g
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
' o7 {) j9 V- L6 {+ g, v* c
else location.href=jumpUrl;
4 ^3 X. T& m( c w1 p
}
3 j3 F8 V9 V/ q3 R% g6 Y& i
}
& ~- R3 N& L, z& {0 D
function displayStatusMsg() {
. u, q' f9 e& e- `3 y+ E
status=bannerADlink[adNum];
3 Y; f9 g$ k7 d& K' l
document.returnValue = true;
! _+ k8 ~6 D& c4 n# N8 B
}
, l |9 q1 e" Y; J m* K: ?* b
$ g. U8 R% i; K& d6 Q% ?2 G
//-->
|% u6 e, E5 K
</script>
9 D+ x, M: T3 F# z8 e: Q
//修改下面的图片的宽度和高度、地址
& g. Y3 j$ F/ J' P; M
<A onmouseover="displayStatusMsg();return document.returnValue"
. Y0 j# ^1 U d ^
href="javascript:jump2url()"><IMG
6 X3 O) h3 ?) r: M6 _+ E
style="FILTER: revealTrans(duration=2,transition=20)" height=66
, }6 b9 b% q8 u" ]2 W9 Y# K& Z" ?
src="../../image/02s.jpg" width=400 border=1
# x/ L7 {! g/ ?5 L
name=bannerADrotator>
4 I' P2 o$ c9 {- l3 c/ A
</A>
+ P4 s+ J8 E$ ?' r8 o0 z- v7 T
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
