• 本网公告
    专业脚轮B2B平台

    怎样用css代码设置3张图片重复滚动?

    发布日期 2021-11-13 03:41:28 来源:脚轮网

    要用JS来控制的,单纯的CSS做不到,给你个代码,可以直接拿去用:
    <divid=dprostyle=overflow:hidden;width:100%px;padding:10px;margin:010px;>
    <tablewidth=100%border=0cellspacing=0cellpadding=0>
    <tr>
    <tdid=dpro1>
    <tablewidth=100%cellpadding=0cellspacing=0border=0>
    <tr>

    <td><divclass=index_pic><ahref=product_show.asp?id=41title=轻轮><imgsrc=UploadFiles/.pngwidth=148height=139/><span>轻轮</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=40title=轻轮><imgsrc=UploadFiles/.pngwidth=148height=139/><span>轻轮</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=39title=SB-6509-948><imgsrc=UploadFiles/.pngwidth=148height=139/><span>SB-6509-948&nbsp;</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=38title=CPT-5854-85BRK4><imgsrc=UploadFiles/.pngwidth=148height=139/><span>CPT-5854-85BRK4&nbsp;…</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=37title=CPT-4856-85BRK4><imgsrc=UploadFiles/.pngwidth=148height=139/><span>CPT-4856-85BRK4&nbsp;…</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=36title=CPT-5851-85BRK4><imgsrc=UploadFiles/.pngwidth=148height=139/><span>CPT-5851-85BRK4&nbsp;…</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=35title=医用脚轮><imgsrc=UploadFiles/.pngwidth=148height=139/><span>医用脚轮</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=34title=轻轮><imgsrc=UploadFiles/.jpgwidth=148height=139/><span>轻轮</span></a></div></td>

    <td><divclass=index_pic><ahref=product_show.asp?id=33title=京华小叶花><imgsrc=UploadFiles/.jpgwidth=148height=139/><span>京华小叶花</span></a></div></td>

    </tr>
    </table>
    </td>
    <tdid=dpro2>&nbsp;</td>
    </tr>
    </table>
    </div>
    <!--proend-->
    <scriptlanguage=javascript>
    varddp=document;
    vardpro=ddp.getElementById(dpro);
    vardpro1=ddp.getElementById(dpro1);
    vardpro2=ddp.getElementById(dpro2);
    vardspeed=5; //滚动的速度,数值越大越慢
    dpro2.innerHTML=dpro1.innerHTML;
    functionMarquee()
    {
    if(dpro2.offsetWidth-dpro.scrollLeft<=0)
    {
    dpro.scrollLeft-=dpro1.offsetWidth;
    }
    else
    {
    dpro.scrollLeft++;
    }
    }
    varMyMar=setInterval(Marquee(),dspeed);
    dpro.onmouseover=function()
    {
    clearInterval(MyMar);
    }
    dpro.onmouseout=function()
    {
    MyMar=setInterval(Marquee(),dspeed);
    }
    </script>

    脚轮网 备案号: 滇ICP备2021006107号-155 版权所有:蓁成科技(云南)有限公司     网站地图
        本网站文章仅供交流学习,不作为商用,版权归属原作者,部分文章推送时未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知,我们将立即删除。

    大发系列彩票平台