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

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

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

<script language=JavaScript> 0R P-b:L4@ U/xgJ
<!-- // BannerAD ]a"L,A1g+z/T

*~!\5[OZJ){4D'J~S var bannerAD=new Array();
.lqQK9mL var bannerADlink=new Array(); )X!}q(Edx
var adNum=0;

]~ p |%fEv} //修改下面的图片地址和相应的链接地址 RF.K&~s
bannerAD[0]="../../image/01s.jpg";
X2V8Hkx
@j bannerADlink[0]="../../index.asp"; 8z-tD5w A5M b5he8|
bannerAD[1]="../../image/02s.jpg"; #T*@ e K7r0r*I1v'T
bannerADlink[1]="../wytx.htm";
/q:DO
IN_7{)j+V bannerAD[2]="../../image/03s.jpg";
v-Rs+K0| bannerADlink[2]="../../sxym/sxym.htm"; $A7B#r!X.a:n
bannerAD[3]="../../image/04s.jpg";
/t6Wvb4~X Hs bannerADlink[3]="http://www.jzzy2.com";
e6Z.ER"]!c bannerAD[4]="../../image/05s.jpg"; 0hYE-J3zy]$ZL
bannerADlink[4]="http://www.cwdcn.com/"; Y!i2jOx
bannerAD[5]="../../image/03s.jpg";
zQ#a"s$H bannerADlink[5]="http://www.jzzy3.com"; #\-o)x o$@4W l
hf;vc7L-uzj
var preloadedimages=new Array();
YL)O^7R}VF for (i=1;i<bannerAD.length;i++){
Y5B/K
H3]JE7V7IA$}
preloadedimages[i]=new Image();
-UU?`$G7Tj preloadedimages[i].src=bannerAD[i];
1R&PD4R`\^1b8fW^ } .z4Lf0qE f
OH;mN(m$~I
L|
function setTransition(){ ^+I&n L,vwVI
if (document.all){
)Vz(Ff8w bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); j3i R3vl.h!J+f
bannerADrotator.filters.revealTrans.apply(); O"d(q];b3r tZM5M~
}
u~.hw?.{+z,U } }
+X"i"ky/xN[@ #dK4@!Rd'P]s
function playTransition(){
s#]fsl,l5c,Ye if (document.all)
k
M8QY!eRgz bannerADrotator.filters.revealTrans.play() wZ%e q,X:fH(J
} _#l8X]i6RB

m^9B-}l)[NAw y8q9O function nextAd(){ %a7d$B\7P%Z ja$d
if(adNum<bannerAD.length-1)adNum++ ; %O%m6~)Bb g$H1e6M
else adNum=0; V#y!oq}[ X/A'l&V
setTransition(); /Xqq3j*DL/y
document.images.bannerADrotator.src=bannerAD[adNum];
5y.],Wu2irlBm playTransition(); sM&lU3W1|H`"n^
theTimer=setTimeout("nextAd()", 5000); v3_8]6ZO
}
3hI&Q&J2n5bU!za
q"O'M/\o function jump2url(){ GY1{O/Ak3[S;B%l
jumpUrl=bannerADlink[adNum]; wb"Gl8f`8h!{M
jumpTarget='_blank';
2r@Ax4U3}.|Zy if (jumpUrl != ''){
Hh[
@n/j+N if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
%_B[1c8WF\)oq else location.href=jumpUrl; v;XC)Q@d aN f
}
D:{&C5h6RbF.z
}
%YKlYSm0B function displayStatusMsg() { $}3X9L*K_4{H9D0Uw
status=bannerADlink[adNum]; "?&`]jS6v
document.returnValue = true;
a9A#y E8v`#Y:_ }
4XE#J/?"Y8Mv^ez
b qrIf JK&M.M}r //--> :DjZn!B{1Y7L~
</script> g'|MURE+{:qR
//修改下面的图片的宽度和高度、地址
R X8xEs(g <A onmouseover="displayStatusMsg();return document.returnValue" J,WM bo_
href="javascript:jump2url()"><IMG 9L4x4ZrcO|q@
style="FILTER: revealTrans(duration=2,transition=20)" height=66
@GF8L4X:J'R src="../../image/02s.jpg" width=400 border=1
8y#ke:_X
cm$F name=bannerADrotator> 3G:wQ ^_3F_XV
</A>
K ^5^;Z&xc}1l <SCRIPT language=JavaScript>nextAd()</SCRIPT>

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