网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > HTML
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.HTML语言剖析(十二)多媒体标记 .
.“画中画”效果--谈IFRAME标签的.
.HTML语言剖析(五)字体标记 .
.为你的网页做出电影的过场效果.
.HTML之特殊字符.
.表格特效代码全集中.
.HTML 标记一览<2>.
.批量消除超链接虚线框.
.HTML组件(HTML COMPONENTS)之八.
.HTML中Access Key(存取键)的用.
.使用Web标准建站第4天:调用样式.
.用UL实现非Table四行三列布局.
.理解表现和结构相分离.
.shtml网页SSI使用详解.
.HTML语言剖析(十五)调色原理 .
.HTML语言剖析(三)文件标记.
.与HTML相比XHTML有什么特点? .
.个性化表单五技巧.
.HTML 基本语法.
.告诉你html的几个小技巧.

层(div或table)的左右滚动

发表日期:2006-3-24


<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"
                  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>
上一篇:HTML文件中也玩include文件包含 人气:30670
下一篇:层(div)的上下滚动 人气:11942
浏览全部html的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐