层(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;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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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.webjx.com/htmldata/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>

时间: 2024-09-18 19:00:55

层(div或table)的左右滚动的相关文章

jsp ajax div 弹出层-DIV 弹出层没办法实现

问题描述 DIV 弹出层没办法实现 <!DOCTYPE html PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN"" ""http://www.w3.org/TR/html4/loose.dtd""> Insert title here#popupcontent{ position: absolute; visibility: hidden; overflow: hi

DIV与Table两种页面布局方式在大型网站的可用性比较

DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的.让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛. 用DIV进行排版的优势就是我不说,大家应该都比较清楚.DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做. 中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天就又改

绝对居中的层div+css代码示例

绝对居中的层div+css代码示例 以下是代码:<html> <head> <title>Nice and Free CSS Template 11</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"><!--

CSS设置层div的透明度

1.样式代码 #layout { position:absolute; top:50px; width:500px;  background:#fff; filter: alpha(opacity=70); opacity: 0.7;} 1.弹出窗口出现灰色透明背景,内容层不能操作. 定义两个层: <div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;le

DIV与Table布局在大型网站的可用性比较

比较 DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的.让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛. 用DIV进行排版的优势就是我不说,大家应该都比较清楚.DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做. 中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天

网页设计之css+div PK table+css

css|设计|网页|网页设计 用过div+css作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现ajax拖动效果的时候比较麻烦,所以我觉得眼下还是div+嵌套table比较好. 圆角--可以用div+css做出一样漂亮的圆角,而且不用图片,而且是宽度.高度自适应的 怎么实现?挖挖Google Tal

Div与table的区别在速度和加载与网页应用等等中的差别介绍

Div与table的区别在各个方面表现都很明显比如速度和加载方式方面的区别.在网页应用中的差别等等,多不胜数,下文详细整理了一下,喜欢的朋友可以参考下,希望可以帮助大家更好的理解Div与table的区别 1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 没有遇到 的时候一样加载 div 中的内容,读多少加载多少;table 的加载方式是完成后加载,遇到 后,在读到 之前,

分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>分别用marquee

seo优化div与table布局的区别

seo优化div与table布局的区别 在开始学做网页时,根本就不知道什么是seo也不知道,动态网站是怎么做的,那么自然那时做网站是挣不了钱了,更不要说排在搜索引擎前几位了.也更不知道div是什么啊. 好了现在我们就来看看table与div布局的区别.     table是由:    <table class=classname><tr> </td>内容</td></tr></table> 如果我们要显示多行数据就会出现很多tr 与t

Struts2中呈现问题:如何实现在指定层div中呈现链接结果

问题描述 在一个jsp中有两个层<div id="a">.<div id="b">,在层a中有一个链接href,它会返回了一个jsp页面.我希望返回的jsp页面能在层b中显示出来.因为不希望用iframe来实现,希望点拨点拨! 解决方案 struts2的ajax链接不灵,不用白费力了.可以用jquery$(function(){ $("#a").click(function(){ $.get(url,{_:+new Dat