用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

图片不间断左滚动

2016-11-16 作者: gotoho举报

[html]代码库

<div id=demo style="overflow:hidden;width:750;" align=center>
    <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
        <tr>
            <td valign=top bgcolor=ffffff id=marquePic1>
                <table width='100%' border='0' cellspacing='0'>
                    <tr>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                        <td align=center>
                            <a href='#'>
                                <img src="http://www.baidu.com/img/logo.gif" width=120 height=80 border=0><br><br>01
                            </a>
                        </td>
                    </tr>
                </table>
            </td>
            <td id=marquePic2 valign=top></td>
        </tr>
    </table>
</div>
<script type="text/javascript">
var speed=50
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...