WEB开发网资讯源码教程软件素材CMS中心工具社区
开发学院网页设计Html 层（div或table）的左右滚动 阅读

层（div或table）的左右滚动

　2006-03-24 19:12:24　来源：WEB开发网　　　
核心提示：<script language="javascript">function MM_setIMG(w,h,d) { if (w==null) {w=0} if (h==null) {h=0} if (w<=h){ if (h>=114 || h==0) {d.heigh
<script language="javascript">
function MM_setIMG(w,h,d) {
  if (w==null) {w=0}
  if (h==null) {h=0}
  if (w<=h){ if (h>=114 || h==0) {d.height=114}}else{ if (w>=114 || w==0) {d.width=114}}
}
　 </script>
　 <table width="558" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
　  <tr>
　　 <td bgcolor="#FFFFFF" style="padding-left:2px">
　　  <div id="demoz" style="overflow:hidden;width:550;">
　　　 <table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
　　　  <tr>
　　　　 <td id="demo1z" valign="top">
　　　　  <table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
　　　　　 <tr>
　　　　　  <td valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
　　　　　　  <tr>
　　　　　　　 <td width="150" align="center"><A href="../featuredPRoducts/product_jump.asp?product_id=7201"><img src="http://cs.yide.com:9000/commerce/ProductPic/N2006317121650s.jpg" border="0"
　　　　　　　　  ></A></td>
　　　　　　  </tr>
　　　　　　  <tr>
　　　　　　　 <td><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
　　　　　　　　 style="BORDER-COLLAPSE: collapse">
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">
　　　　　　　　　 <A href="../featuredproducts/product_jump.asp?product_id=7201">Gucci High Heel ....</A></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">Gucci高跟系带凉鞋</FONT></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD align="middle" colSpan="2" height="12">
　　　　　　　　　 <table width="100%" border="0" cellspacing="0" cellpadding="0">
　　　　　　　　　  <tr>
　　　　　　　　　　 <TD width="44%" bgColor="#ffffff">
　　　　　　　　　　  <IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"> 美元价
　　　　　　　　　　 </TD>
　　　　　　　　　　 <TD bgColor="#ffffff"><font color="red"><B> 525.00 </B></font>
　　　　　　　　　　 </TD>
　　　　　　　　　  </tr>
　　　　　　　　　 </table>
　　　　　　　　  </TD>
　　　　　　　　 </TR>
　　　　　　　  </TABLE>
　　　　　　　 </td>
　　　　　　  </tr>
　　　　　　 </table>
　　　　　  </td>
　　　　　  <td valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
　　　　　　  <tr>
　　　　　　　 <td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7200"><img src="http://cs.yide.com:9000/commerce/ProductPic/N20063171299s.jpg" border="0" ></A></td>
　　　　　　  </tr>
　　　　　　  <tr>
　　　　　　　 <td><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
　　　　　　　　 style="BORDER-COLLAPSE: collapse">
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">
　　　　　　　　　 <A href="../featuredproducts/product_jump.asp?product_id=7200">Giuseppe Zanott ....</A></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">小山羊皮高跟女鞋</FONT></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD align="middle" colSpan="2" height="12">
　　　　　　　　　 <table width="100%" border="0" cellspacing="0" cellpadding="0">
　　　　　　　　　  <tr>
　　　　　　　　　　 <TD width="44%" bgColor="#ffffff">
　　　　　　　　　　  <IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"> 美元价
　　　　　　　　　　 </TD>
　　　　　　　　　　 <TD bgColor="#ffffff"><font color="red"><B> 475.00 </B></font>
　　　　　　　　　　 </TD>
　　　　　　　　　  </tr>
　　　　　　　　　 </table>
　　　　　　　　  </TD>
　　　　　　　　 </TR>
　　　　　　　  </TABLE>
　　　　　　　 </td>
　　　　　　  </tr>
　　　　　　 </table>
　　　　　  </td>
　　　　　
　　　　　  <td valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
　　　　　　  <tr>
　　　　　　　 <td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7170"><img src="http://cs.yide.com:9000/commerce/ProductPic/N2006315153814s.jpg" border="0"
　　　　　　　　  ></A></td>
　　　　　　  </tr>
　　　　　　  <tr>
　　　　　　　 <td><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
　　　　　　　　 style="BORDER-COLLAPSE: collapse">
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">
　　　　　　　　　 <A href="../featuredproducts/product_jump.asp?product_id=7170">Prada Python/Cr ....</A></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"></TD>
　　　　　　　　  <TD bgColor="#ffffff" height="25">Prada蟒纹/鳄鱼纹高跟鞋</FONT></TD>
　　　　　　　　 </TR>
　　　　　　　　 <TR>
　　　　　　　　  <TD align="middle" colSpan="2" height="12">
　　　　　　　　　 <table width="100%" border="0" cellspacing="0" cellpadding="0">
　　　　　　　　　  <tr>
　　　　　　　　　　 <TD width="44%" bgColor="#ffffff">
　　　　　　　　　　  <IMG height="11" src="http://www.cncms.com/publicimg/arrow04.gif" width="13"> 美元价
　　　　　　　　　　 </TD>
　　　　　　　　　　 <TD bgColor="#ffffff"><font color="red"><B> 850.00 </B></font>
　　　　　　　　　　 </TD>
　　　　　　　　　  </tr>
　　　　　　　　　 </table>
　　　　　　　　  </TD>
　　　　　　　　 </TR>
　　　　　　　  </TABLE>
　　　　　　　 </td>
　　　　　　  </tr>
　　　　　　 </table>
　　　　　  </td>
　　　　　 </tr>
　　　　  </table>
　　　　 </td>
　　　　 <td id="demo2z" valign="top"></td>
　　　  </tr>
　　　 </table>
　　  </div>
　　 </td>
　  </tr>
　 </table>
　 <script>
var speedz=30
demo2z.innerHTML=demo1z.innerHTML
function Marqueez(){
if(demo2z.offsetWidth-demoz.scrollLeft<=0)
demoz.scrollLeft-=demo1z.offsetWidth
else{
demoz.scrollLeft++
}
}
var MyMarz=setInterval(Marqueez,speedz)
demoz.onmouSEOver=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(Marqueez,speedz)}
　 </script>

Tags：div table 左右

编辑录入：爽爽　[复制链接] [打 印]
[]
  • 好
  • 好的评价　如果觉得好，就请您
      0%(0)
  • 差
  • 差的评价　如果觉得差，就请您
      0%(0)
更多精彩
赞助商链接

热点阅读
焦点图片
最新推荐
精彩阅读