Question

2009-3-31 网页制作中图片下面有1，2，3，4的图片自动播放 怎么做的 用什么软件做

就是这种

Answer 1

这是运用css的时候了！！！支持楼上答案！最好教会你css运用，就更好了

Answer 2

　　做网页用Dreamweaver做比较方便：把下面的代码放在网页中就可以了
　　<div id="marquees" width="769">
　　<table width="735" border="0" cellspacing="0" cellpadding="0">
　　<tr>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=807" class="p12_a" target="_blank"><img src="pro/20095271342583004.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=807" class="p12_a" target="_blank">卡通布艺鼠标垫-粉</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=806" class="p12_a" target="_blank"><img src="pro/20095271336402568.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=806" class="p12_a" target="_blank">卡通布艺鼠标垫-（</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=805" class="p12_a" target="_blank"><img src="pro/20095271333242345.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=805" class="p12_a" target="_blank">布艺鼠标垫-（玫红</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=804" class="p12_a" target="_blank"><img src="pro/20095271322331576.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=804" class="p12_a" target="_blank">花布口罩-22（稍</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=803" class="p12_a" target="_blank"><img src="pro/20095271146433276.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=803" class="p12_a" target="_blank">花布口罩-01（稍</a></td>
　　</tr>
　　</table></td>
　　</tr><tr>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=802" class="p12_a" target="_blank"><img src="pro/20095251455013881.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=802" class="p12_a" target="_blank">蕾丝边小熊头手机包</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=801" class="p12_a" target="_blank"><img src="pro/20095251451093605.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=801" class="p12_a" target="_blank">蕾丝边小熊头手机包</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=800" class="p12_a" target="_blank"><img src="pro/20095251444343129.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=800" class="p12_a" target="_blank">彩虹扣绣花手机包零</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=799" class="p12_a" target="_blank"><img src="pro/20095251440392850.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=799" class="p12_a" target="_blank">彩虹扣绣花手机包零</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=798" class="p12_a" target="_blank"><img src="pro/20095251438222697.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=798" class="p12_a" target="_blank">彩虹扣绣花手机包零</a></td>
　　</tr>
　　</table></td>
　　</tr><tr>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=797" class="p12_a" target="_blank"><img src="pro/20095251435042472.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=797" class="p12_a" target="_blank">彩虹扣绣花手机包零</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=796" class="p12_a" target="_blank"><img src="pro/20095251429342070.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=796" class="p12_a" target="_blank">格布泰迪熊手机包（</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=795" class="p12_a" target="_blank"><img src="pro/20095251426181847.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=795" class="p12_a" target="_blank">格布泰迪熊手机包（</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=794" class="p12_a" target="_blank"><img src="pro/20095251424011694.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=794" class="p12_a" target="_blank">格布泰迪熊手机包（</a></td>
　　</tr>
　　</table></td>

　　<td width="150"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
　　<tr>
　　<td height="10"> </td>
　　</tr>
　　<tr>
　　<td height="110"><div align="center"><a href="prodetail.asp?id=793" class="p12_a" target="_blank"><img src="pro/20095251421391509.jpg" border="0" width="120" height="120"></a></div></td>
　　</tr>
　　<tr>
　　<td height="32" align="center"><a href="prodetail.asp?id=793" class="p12_a" target="_blank">格布泰迪手机包（横</a></td>
　　</tr>
　　</table></td>
　　</tr><tr>

　　</tr>
　　</table>
　　</div>
　　<script language="JavaScript">
　　marqueesHeight=398;
　　stopscroll=false;

　　with(marquees){
　　style.width=0;
　　style.height=marqueesHeight;
　　style.overflowX="visible";
　　style.overflowY="hidden";
　　noWrap=true;
　　onmouseover=new Function("stopscroll=true");
　　onmouseout=new Function("stopscroll=false");
　　}
　　document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

　　preTop=0; currentTop=0;

　　function init(){
　　templayer.innerHTML="";
　　while(templayer.offsetHeight<marqueesHeight){
　　templayer.innerHTML+=marquees.innerHTML;
　　}
　　marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
　　setInterval("scrollUp()",10);
　　}
　　document.body.onload=init;

　　function scrollUp(){
　　if(stopscroll==true) return;
　　preTop=marquees.scrollTop;
　　marquees.scrollTop+=1;
　　if(preTop==marquees.scrollTop){
　　marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
　　marquees.scrollTop+=1;
　　}
　　}
　　</script>

追问

不是这种 我说的是

追答

在淘宝上用吗

追问

不是 我自己做的网页，， 需要用到这样的照片幻灯