如何在html网页的一个表格中放置3张图片,每2秒切换一次
3个回答
展开全部
<P> </P>
<P align=center> </P>
<TABLE id=table8 borderColor=#bdb76b cellSpacing=0 cellPadding=0 width=533 align=center border=3>
<TBODY>
<TR>
<TD>
<SCRIPT language=JavaScript>
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="http://yaoli.16789.net/domName/yaoli/20083110275692921.jpg";
bannerAD[1]="http://yaoli.16789.net/domName/yaoli/20083110365433790.jpg";
bannerAD[2]="http://yaoli.16789.net/domName/yaoli/20083110284515967.jpg";
bannerAD[3]="http://yaoli.16789.net/domName/yaoli/20083110301824119.jpg";
bannerAD[4]="http://yaoli.16789.net/domName/yaoli/20083110293568537.jpg";
bannerAD[5]="http://yaoli.16789.net/domName/yaoli/20083110311185198.jpg";
bannerAD[6]="http://yaoli.16789.net/domName/yaoli/2008311032290291.jpg";
bannerAD[7]="http://yaoli.16789.net/domName/yaoli/20083110323197504.jpg";preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
//-->
</SCRIPT>
<P align=center><IMG style="FILTER: revealTrans(duration=2,transition=20)" height=400 src="http://yaoli.16789.net/domName/yaoli/20083110275692921.jpg" width=533 border=0 name=bannerADrotator></P>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
</TD></TR></TBODY></TABLE>
<P align=center> </P>
<TABLE id=table8 borderColor=#bdb76b cellSpacing=0 cellPadding=0 width=533 align=center border=3>
<TBODY>
<TR>
<TD>
<SCRIPT language=JavaScript>
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="http://yaoli.16789.net/domName/yaoli/20083110275692921.jpg";
bannerAD[1]="http://yaoli.16789.net/domName/yaoli/20083110365433790.jpg";
bannerAD[2]="http://yaoli.16789.net/domName/yaoli/20083110284515967.jpg";
bannerAD[3]="http://yaoli.16789.net/domName/yaoli/20083110301824119.jpg";
bannerAD[4]="http://yaoli.16789.net/domName/yaoli/20083110293568537.jpg";
bannerAD[5]="http://yaoli.16789.net/domName/yaoli/20083110311185198.jpg";
bannerAD[6]="http://yaoli.16789.net/domName/yaoli/2008311032290291.jpg";
bannerAD[7]="http://yaoli.16789.net/domName/yaoli/20083110323197504.jpg";preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
//-->
</SCRIPT>
<P align=center><IMG style="FILTER: revealTrans(duration=2,transition=20)" height=400 src="http://yaoli.16789.net/domName/yaoli/20083110275692921.jpg" width=533 border=0 name=bannerADrotator></P>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
</TD></TR></TBODY></TABLE>
展开全部
一般来说,人家是用<ul><li>,基本没看过用<table>做的。
网上有很多图片轮播的插件,可以直接下载使用。
原理的话:setInterval(move, 2000); 编写move函数,判断当前图片是否最后一张,是就改为第一张,关于怎么改成另一张,只讲字面上的:当前片的display改为none,下一张图片的display改为block
网上有很多图片轮播的插件,可以直接下载使用。
原理的话:setInterval(move, 2000); 编写move函数,判断当前图片是否最后一张,是就改为第一张,关于怎么改成另一张,只讲字面上的:当前片的display改为none,下一张图片的display改为block
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |