• 层(div或table)的左右滚动


     <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;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"
                      onLoad="javascript:MM_setIMG(this.width,this.height,this)"></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="../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="../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="../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" onLoad="javascript:MM_setIMG(this.width,this.height,this)"></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="../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="../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="../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"
                      onLoad="javascript:MM_setIMG(this.width,this.height,this)"></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="../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="../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="../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>
  • 相关阅读:
    [SDOI2016]排列计数
    Broken robot
    环路运输
    naptime
    Accumulation Degree
    选课
    没有上司的舞会
    金字塔
    Polygon
    石子合并
  • 原文地址:https://www.cnblogs.com/nosnowwolf/p/531306.html
Copyright © 2020-2023  润新知