捌玖网络工作室 » 网页编程 » 网页之多变的图象导航特效

zw2004 发表于 2008-1-21 20:51

网页之多变的图象导航特效

<script language=JavaScript> W~i,e^%['q0S|6p
<!-- // BannerAD
Y-U!IEOU
6O-Ol*s'b R6@9f.Q var bannerAD=new Array(); 'GXilrGc
var bannerADlink=new Array();
0J5\5},k3d O var adNum=0;
s
H.z#L nOw //修改下面的图片地址和相应的链接地址?"W {E*i!r
bannerAD[0]="../../image/01s.jpg";
J*p4d
SG `~;d bannerADlink[0]="../../index.asp";
&}q-ft4EWLm bannerAD[1]="../../image/02s.jpg";
&\?\y/]C6X2K bannerADlink[1]="../wytx.htm"; rT!?raa
bannerAD[2]="../../image/03s.jpg";
:}gF?H!sPSH bannerADlink[2]="../../sxym/sxym.htm";
rv7Z\T$| bannerAD[3]="../../image/04s.jpg"; `y\*uFm+X
bannerADlink[3]="http://www.jzzy2.com";
1e$]/`T+ESl o/n@ bannerAD[4]="../../image/05s.jpg";
I4Bj A7q,A4Y6up bannerADlink[4]="http://www.cwdcn.com/"; -{Y!|(U4s0]
bannerAD[5]="../../image/03s.jpg";
*{*y_
b,tY4Y"x ~$vi bannerADlink[5]="http://www.jzzy3.com";
g[?q4H

u,e(x5~TM1P!Q var preloadedimages=new Array();
Vj)r$[8`JN$u for (i=1;i<bannerAD.length;i++){
yDv@] w$I preloadedimages[i]=new Image();
V+A;NfS] D/Nw preloadedimages[i].src=bannerAD[i];
"L4mA&r$yZV _ }
\4Sd%p)RC;@(P
u(oTBI8b%H b/_ function setTransition(){ A7gdD|ib
if (document.all){
-z,A+JmoE} bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
mQ$wZQfn;y@ bannerADrotator.filters.revealTrans.apply(); K3]9c"Y+p?3J
} 4p'H'H7H1C'vA
}
K$`3y;x#RqR _{5J)p0j#P
function playTransition(){ 3Cu$~W^2y(aNT
if (document.all) ts9DH!R_c0m
bannerADrotator.filters.revealTrans.play() |6[.F5W`Ns
}
1x"M$tK akYt `D'n)U A9rX\%[,KE
function nextAd(){ mJY xK.pC,}7m
if(adNum<bannerAD.length-1)adNum++ ;
J"F ^ qLF0j else adNum=0;
.NGz/V PL
TTx.i8y+s setTransition();
Gwj I'ym document.images.bannerADrotator.src=bannerAD[adNum];
+L{U)ri @p playTransition(); %t
r,PU3vw*VL;a4h
theTimer=setTimeout("nextAd()", 5000);
_6lx AQ }
D"t&T:gk
#hm*MZKA.y4oT+p0p function jump2url(){
F0M(Ih0Y jumpUrl=bannerADlink[adNum]; "`R%NE;]
jumpTarget='_blank'; U_[.RR-T$x4K
if (jumpUrl != ''){ %mz;yj5Wg
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
K]h5T$QxX else location.href=jumpUrl; %`w/[%U%s
} 1R/Y,oUgEZX5tW
} olY[
l`M_U
function displayStatusMsg() { d6o'\+|7v'b
];_b'H~-`
status=bannerADlink[adNum];
^e*m4UW$X document.returnValue = true; ?6}bo"bzQ)q tU
} S4|h,^m!E-_$O3aX
N$l ?+s6`
//--> F/d.y7Wb`P
</script>
%yiZy"t+Q //修改下面的图片的宽度和高度、地址
9z'~#NiOX#KO$y <A onmouseover="displayStatusMsg();return document.returnValue" *]M)Q0O+r-~'U/hP2z
href="javascript:jump2url()"><IMG 2?\ M3uu-Zg9Kp
style="FILTER: revealTrans(duration=2,transition=20)" height=66 /whZ0lEh$D)o7v
src="../../image/02s.jpg" width=400 border=1 :is3Ow_ c
name=bannerADrotator>
],W~
\,U]/Sj </A>
/Y\7D,\H0[1x <SCRIPT language=JavaScript>nextAd()</SCRIPT>

查看完整版本: 网页之多变的图象导航特效