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

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

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

<script language=JavaScript> m Gjb{!z
<!-- // BannerAD -`.dF*W\ VO

F4t.GEF&vm(c var bannerAD=new Array();
^
i1k4TXu:z var bannerADlink=new Array();
zJu8^$D+B&~ var adNum=0;
)ib/q
K1T ?$H/obD+b\I //修改下面的图片地址和相应的链接地址
_5v O0`1t bannerAD[0]="../../image/01s.jpg";
LeB!U.cb
bannerADlink[0]="../../index.asp";
|#y w&e'?2p9sw bannerAD[1]="../../image/02s.jpg";
{6A&v^;_/z5J
bannerADlink[1]="../wytx.htm"; QO"yU)q4f+F
bannerAD[2]="../../image/03s.jpg";
e?l(y|5u bannerADlink[2]="../../sxym/sxym.htm";
{ Ed
bnC:C2t7e bannerAD[3]="../../image/04s.jpg"; FO6A{pE9XC&ez
bannerADlink[3]="http://www.jzzy2.com"; Nk9]Z(D}
bannerAD[4]="../../image/05s.jpg";
#k
RQC8qN-?J bannerADlink[4]="http://www.cwdcn.com/"; eC@"bq1M!aY;Y;J)s
bannerAD[5]="../../image/03s.jpg";
s@\ |9z/L-c2xq bannerADlink[5]="http://www.jzzy3.com"; ;r b s(]6i&e{

'Eg6b.T4C.P!i(X8yuf var preloadedimages=new Array();
hOW `o for (i=1;i<bannerAD.length;i++){ 3\D(w)J%Rj&K
preloadedimages[i]=new Image();
$@ P%g$l1M
l3W$ha7i preloadedimages[i].src=bannerAD[i];
J{t*`_"v3R:J }
,zcF.`2c5Yi'[!z6~ Vu'wMl&Ju%]8`
function setTransition(){
v,WrY;|7V#n+n)oM,_ if (document.all){ pu V5F,j [
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); 9X~`*p;h4Qr
bannerADrotator.filters.revealTrans.apply(); g;C!D-TJY
}
+V+d/`%|O Ig!F6b }
l3W[CVZ&i:n |d&o#w(b0s,C2f r(E
function playTransition(){ %nJ[&C(C*Mk"`9r/I
if (document.all) A8OT,RM9jK8o*]1`
bannerADrotator.filters.revealTrans.play()
| mK2{_6`Kmr }
`'it)OK9d s#{:r"[8j 'LAV x.P&U:oY
function nextAd(){
^I3d0jB)x g5E if(adNum<bannerAD.length-1)adNum++ ;
b"ht`p$yIVo{ else adNum=0; wt.y u N[
setTransition(); R"o3B{O
LF
document.images.bannerADrotator.src=bannerAD[adNum];
k{B-m_-~0Us4W"a playTransition(); 4^5]%RB{8o X-kV
theTimer=setTimeout("nextAd()", 5000);
/n!^J)NuDx N } :CFv(p/s
t/a+P fP-W

N'Kw ~ l)D)kW function jump2url(){
+cjP&o)y]R4o/s jumpUrl=bannerADlink[adNum];
N~F9L4hf jumpTarget='_blank';
g.y D yQt n:A if (jumpUrl != ''){ (~|.o5a^UK
if (jumpTarget != '')window.open(jumpUrl,jumpTarget); ,X+wK[w[.cPX2w
else location.href=jumpUrl;
3[J`i;h(_.M e*j X } ]%r5u q}
}
)L~RF {/b.N function displayStatusMsg() {
+D"J@aW`QC#i status=bannerADlink[adNum]; t7A$F+?#Ye z.C
document.returnValue = true;
a%y'd~,qIx2l }
g.h)B f.tSyf ],z J ^vo#[`'fw)x:z
//--> /lA'sR+h _ QY
</script>
tfLCq5^s U //修改下面的图片的宽度和高度、地址
Jy f,E%Z <A onmouseover="displayStatusMsg();return document.returnValue" %X
h8V3\7e0C
href="javascript:jump2url()"><IMG 9MfI(W;Ja
style="FILTER: revealTrans(duration=2,transition=20)" height=66 A-YV~#_RB)q(|QA
src="../../image/02s.jpg" width=400 border=1 9^9adlQP.]'kpnd
name=bannerADrotator>
P^TRi j
]!y~ </A>
k&B%T6^:J.Mm_HU5g <SCRIPT language=JavaScript>nextAd()</SCRIPT>

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