首页学院源码字体下载软件电脑书| 素材图片模版壁纸酷站图标笔刷纹理|小游戏博客QQ表情投票计数器JoyRssMail
动态网站制作指南
首页|网络编程|站长之家|网页制作|图形图象|操作系统|冲浪宝典|软件教学|网络办公|手机学院|邮件系统|网络安全|认证考试
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
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教程

层(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
·HTML学习的本质
·制作虚线效果的水平线
·在线播放器代码大全
·用meta标签来增强网页功能
·让IE8兼容IE7
·HTML及XML语言的转义字符
·解读HTML:关于Profile的只言片语
·必须知道的10个不常用HTML标签

浏览全部html的内容 PS笔刷下载 39种不同语言在线翻译
文章搜索服务





邮件订阅服务
输入你的邮件地址,你将不会错过任何关于<HTML教程>的内容
Powered by JoyRssMail

网页制作文章分类

本月文章推荐
. 让浏览者记住你的主页.
. HTML中小meta的大作用.
. marquee基本语法的全解释.
. Fieldset:一个不常用的HTML标签.
. 防止空连接#返回到页面顶端.
. HTML标记大全参考手册.
. 网站首页head区代码规范.
. 表单name与id的区别和相似之处.
. 使用Web标准建站第6天:XHTML代码规.
. HTML中的表格元素.
. 解读HTML:WEB标准的误解.
. 网页表格深层探密.
. 几个对图形进行动态处理的dhtml代码.
. HTML中的图象标签属性.
. HTML语言剖析(三)文件标记.
. XHTML入门学习教程:框架标签使用.
. 实现网页的动态过渡效果.
. 制作三维表格效果.
. HTML之其他标记.
. tbody标签的妙用.
. 在IE中为abbr标签加样式.
. 网页制作中的小秘诀.
. HTML一般概念.
. 层(div或table)的左右滚动.
. HTML语言剖析(七)表格标记 .
. 带有图片预览功能的上传表单的完整.
. 基于Web标准的UI组件 — 菜单(1).
. 输入框input高级限制级用法指南.
. HTML与javascript中常用编码浅析.
. 必须知道的10个不常用HTML标签.
  最新网站源码 最新软件下载
2009-7-4 84网址站 v4.10
2009-7-4 仿webmasterhome 网站收录查询 v
2009-7-4 NOCC v1.8
2009-7-4 易和阳光购物商城 v1.4 Access F
2009-7-4 OK伯乐招聘求职系统
2009-7-3 MyBB v1.4.8
2009-7-3 miniBB v2.3
2009-7-3 Modoer多功能点评系统 v1.1.0 Bu
2009-7-3 Modoer多功能点评系统 v1.1.0 Bu
2009-4-4 SharePoint Designer 2007
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
  发表评论
姓 名: 验证码: [ 查看评论 ]
内 容:
 
站长工具:Google PR查询|网站速度测试|CSS在线编辑器|OPEN参数生成器|弹出式窗口代码产生器|密码登录生成器|在线按钮生成器|Meta标签生成器|邮箱图标在线生成|多色彩特效字代码生成器|网页代码调试器|在线FTP登陆|Flash取色器|配色代码对照表|配色辞典|CSS生成器|CSS在线压缩|广告代码|框架网页代码生成器|js/vbs加密|md5加密|进制转换|UTF-8 转换工具|在线调色板|Html转换js|Html转换asp|Html转换php|Html转换perl
实用工具:汉字翻译拼音|拼音字典|在线翻译|天气预报|火星文|在线网速测试|符号对照表|个税计算|公积金贷款计算|购房银行按揭利率计算|实时汇率查询换算|经典小工具|汉字简繁转换|普通单位换算|公制单位换算|生辰老黄历|国内电话区号|国家代码与域名缩写|文字加密解密|元素周期表|健康查询|世界时间|全国各地车牌查询|全国车辆交通违章查询|万年历|二十四节气|汉字横竖排版|手机号码查询|计算器|ip搜索
广告刊登 | 版权声明 | 联系我们 | 加入收藏 | RSS订阅
Copyright © 2000-2009 www.knowsky.com All rights reserved | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 コーチ ホームページ作成
過払い請求 現金化 債務整理 現金化