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

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

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

<script language=JavaScript>
`cD?bZ:LA|%f <!-- // BannerAD
1jqQ0s6t:p (pqM%y-`
var bannerAD=new Array();
7s9IsXr{(@#s'U var bannerADlink=new Array(); N8{1` @ w|
VO
var adNum=0; .Km:XddA)_r$zM
//修改下面的图片地址和相应的链接地址
A;y3fX,RKE&I@
p bannerAD[0]="../../image/01s.jpg";
4WbJ_`5Y)c bannerADlink[0]="../../index.asp";
.snF8m3M.J bannerAD[1]="../../image/02s.jpg"; Q jS6o\?bM m@
bannerADlink[1]="../wytx.htm"; 2^DL_:z5\
bannerAD[2]="../../image/03s.jpg"; nOn^j8QT
bannerADlink[2]="../../sxym/sxym.htm"; !\#PVu*C:yL4O
bannerAD[3]="../../image/04s.jpg"; d&k:aNw.o;RLAq
bannerADlink[3]="http://www.jzzy2.com";

C e"MB'y@0b+M;b bannerAD[4]="../../image/05s.jpg";
%I7g&hv#h1[G KZ+l4x bannerADlink[4]="http://www.cwdcn.com/";
Q!}gv@HpnQx bannerAD[5]="../../image/03s.jpg";
I/? G:Hz la bannerADlink[5]="http://www.jzzy3.com";
\6k,`s2N*l?9]a3V@ _ KzJm#J7Ja
var preloadedimages=new Array();
&C,L6j"H-?9e6w for (i=1;i<bannerAD.length;i++){ (o
r,SDh*v-L/F
preloadedimages[i]=new Image();
`:| \0Y7q*ja preloadedimages[i].src=bannerAD[i];
(]
J6u T3@4E5C }
e7U!~(nvlBp\ 5DLa+KHT$W
function setTransition(){ 4SU$xW.V u
if (document.all){ '`._3X |${os
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); /ZrIGA8g
bannerADrotator.filters.revealTrans.apply(); u TB#xY{
}
t!A6[*HB4h }
Dk-v:O9?uW
1Iy"{nA2t2p function playTransition(){ 7llBc?*|
if (document.all) v)Z(GrM
bannerADrotator.filters.revealTrans.play()
_"q ^yy+zS }
!j1G
cA9t9L@0f-y 6j3}-`ju)H1A
function nextAd(){ ~4Wm-lSgEg
if(adNum<bannerAD.length-1)adNum++ ;
6o6_7f7KPr0M else adNum=0; P rw/{+I9hI6P:l
setTransition();
M[SX-[eBy document.images.bannerADrotator.src=bannerAD[adNum];
Y
k{$?[;ZQ o playTransition(); HH3i S:WrfL
theTimer=setTimeout("nextAd()", 5000);
3|.K1]
jiP;cGH|!m }
9b!z4S*J3F(i
%H| ]ug function jump2url(){ 3O
{u"C!Ks"L
jumpUrl=bannerADlink[adNum];
5V"|J3_YZ!Y7jN jumpTarget='_blank'; |2n]e"{f]~I
if (jumpUrl != ''){ C.dP4]a;K5LE
if (jumpTarget != '')window.open(jumpUrl,jumpTarget); "kRogc*He
else location.href=jumpUrl;
0Aw.h;v @/jv
h&B:S }
OU+q+}'Q&V4x%o } 2i_r_|d
function displayStatusMsg() { ;S W.rrr(ndT\
status=bannerADlink[adNum]; E9`9kZr|F
document.returnValue = true;
1{DpTb8h
}1N!C } D"tJ a)T uy M9k

N KAdS})`
//-->
"D(NX g1|l:n </script> I3c1q){7~b!A
//修改下面的图片的宽度和高度、地址
6^ }.c.e$dV0Il <A onmouseover="displayStatusMsg();return document.returnValue"
(a9K2{#T}W href="javascript:jump2url()"><IMG 6o;h%_si"F\
style="FILTER: revealTrans(duration=2,transition=20)" height=66 r ^\S'aU h(|-vC
src="../../image/02s.jpg" width=400 border=1
8C\?3H YA*| name=bannerADrotator>
7Y3[%e#kPnx </A>
u:qvmE5cU <SCRIPT language=JavaScript>nextAd()</SCRIPT>

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