Question

css+div图片循环播放

<td width="236"><script type="text/javascript">
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="images/zxs1.jpg";
bannerADlink[0]="index.htm"

bannerAD[1]="images/zxs2.jpg";
bannerADlink[1]="index.htm"

bannerAD[2]="images/zxs3.jpg";
bannerADlink[2]="index.htm"

bannerAD[3]="images/zxs1.jpg";
bannerADlink[3]="index.htm"

bannerAD[4]="images/zxs2.jpg";
bannerADlink[4]="index.htm"

bannerAD[5]="images/zxs3.jpg";
bannerADlink[5]="index.htm"
/*图片可以增加*/
var 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()", 4000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>
<table width="240" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="236" height="150" bgcolor="#FFFFFF"><a onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><img src="images/zxs3.jpg" name="bannerADrotator" width="240" height="160" border="0" align="middle" id="bannerADrotator"
style="FILTER: revealTrans(duration=2,transition=40)" /></a>
<script type="text/javascript">nextAd()</script></td>
</tr>
</table></td>

上面为table定位的，想变为css+div请高手指点~~谢谢
意思是说：上面的代码是table定位的几张图片循环播放·~~我现在想通过CSS+DIV实现上面的效果~~~

Answer 1

<DIV id=demo_1 style="OVERFLOW: hidden; HEIGHT: 136px">
<DIV id=demo1_1>
<div id=gleft>
<a href=""><img src="" border="0" width=150 height="120"/></a>
</div>
<div id=gleft>
<a href=""><img src="" border="0" width=150 height="120"/></a>
</div>
<div id=gleft>
<a href=""><img src="" border="0" width=150 height="120"/></a>
</div>
<div id=gleft>
<a href=""><img src="" border="0" width=150 height="120"/></a>
</div>
</DIV>
<DIV id=demo2_1></DIV></DIV>

<SCRIPT>
var speed=25
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </SCRIPT>

其中<div id=gleft>这里的gleft的样式你自己定义下就OK了

Answer 2

你应该将整页代码放出.
上面JS脚本后面那段HTML可以改为:
</script>
<div style="width:240px; border:0px; background-color:#ffffff;">
<div style="width:236px; height:150px; background-color:#ffffff"><a onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><img src="images/zxs3.jpg" name="bannerADrotator" width="240" height="160" border="0" align="middle" id="bannerADrotator"
style="FILTER: revealTrans(duration=2,transition=40)" /></a>
<script type="text/javascript">nextAd()</script></div>
</div>
</td>//这个TD,外围肯定还有TABLE结构,没有整页代码,所以先保留这个TD

Answer 3

看不明白？