产品展示的匀速图片滚动代码
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:editor 阅读 472
代码简介:经过美化过的匀速图片滚动,速度在JS函数里可以自己调整,带有注释,数值越大滚动越慢。为了节省下载时间,这里的图上用文字代替了,你用的时候自己加上吧。代码内容:ViewCode<HTML

代码简介:

经过美化过的匀速图片滚动,速度在JS函数里可以自己调整,带有注释,数值越大滚动越慢。为了节省下载时间,这里的图上用文字代替了,你用的时候自己加上吧。

代码内容:

View Code
<HTML>
<HEAD>
<TITLE>可用于产品展示的匀速图片滚动代码_网页代码站(www.webdm.cn)</TITLE>
<style>
{
    MARGIN: 20px
}
.table-left-right {
    BORDER-LEFT: #E7E7E7 1px solid;
    BORDER-RIGHT: #E7E7E7 1px solid;
}
TD {
    font-size: 12px;
}
.hangju {
    line-height: 20px;
    word-spacing: 3pt;
}
.title
{
    color: #000000;
    font-weight: bold;
}
.title2
{
    color: #ffffff;
    font-weight: bold;
}
.title3
{
    color: #000000;
    font-weight: bold;
}
</style>
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
  <TABLE 
style="BORDER: #eeeeee 1px solid" 
cellSpacing
=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第1张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第2张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第3张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第4张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第5张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第6张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第7张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第8张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第9张</div></td>
              <td width="171" background="http://www.webdm.cn/images/20091003/pic_bg.jpg"><div align="center">第10张</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top>&nbsp;</TD></TR></TBODY></TABLE></DIV>
      <SCRIPT> 
var speed3=25//速度,数值越大越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft
-=demo1.offsetWidth
else{
demo.scrollLeft
++
}
}

var MyMar=setInterval(Marquee,speed3)
demo.onmouseover
=function() {clearInterval(MyMar)}
demo.onmouseout
=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
</BODY>
</HTML>
<br />
<p><href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/e72fe4a0-ede8-49da-ad75-3a4481629a6c.html

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2