原生JS实现各个方向无缝滚动.docVIP

最近在做一个网站时遇到了无缝滚动的问题，经过几个小时，最后自己写好了，当然中间遇到了部分问题。 scrollRight这个属性在DW提示有，但是实际没有，访问提示undefined，滚动的时候目前本人css水平有限，没有能实现全div+css的（水平的时候）；因为采用复制一份替补的方法，所以要保持原和复制在同一行，而DIV左右浮动都不可以，父级容器宽度不够时，自动错行了。所以用DIV两列实现。垂直的时候可以用纯DIV，所以这里提示，在实际操作过程中，如果你要水平滚动时，请使用表格两列布局。代码基本原理参照代码中的注释。代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title/title /head body div class=kfhz10 flimg src={dede:global.cfg_cmsurl/}/templets/delyy/images/kfhz.jpg //div div class=zjjs10 fl div class=zjjs10_tt对癌症的发生发展以及抗癌防/div div id=left style=cursor:pointerlt;lt;/div div id=right style=cursor:pointergt;gt;/div div id=mq12 style=width:900px; overflow:hidden; height:214px; position:relative; table tbody tr td id=mq12_adiv class=zjjs10_con div class=inzjjs10_con div class=zjjs10_con_pic div class=zjjs10_con_pic_limg src={dede:global.cfg_cmsurl/}/templets/delyy/images/zj/wzx.jpg width=140 height=184 //div div class=zjjs10_con_pic_r h3ddddd/h3 p class=bz腺性膀胱炎/p p class=js对癌症的发生发展以及抗癌防，对癌症的发生发展以及抗癌防/p p class=zxa href=# class=tt01我要预约/aa href=# class=tt02咨询/a/p /div div class=t_clr/div /div div class=zjjs10_con_pic div class=zjjs10_con_pic_limg src={dede:global.cfg_cmsurl/}/templets/delyy/images/zj/ll.jpg width=140 height=184 //div div class=zjjs10_con_pic_r h3aaaaaaa/h3 p class=bz腺性膀胱炎/p p class=js对癌症的发生发展以及抗癌防，对癌症的发生发展以及抗癌防/p p class=zxa href=# class=tt01我要预约/aa href=# class=tt02咨询/a/p /div div class=t_clr/div /div div class=zjjs10_con_pic div class=zjjs10_con_pic_limg src={dede:global.cfg_cmsurl/}/templets/delyy/images/zj/lrk.jpg width=140 height=184 //div div class=zjjs10_con_pic_r h3ggggggg/h3 p class=bz腺性膀胱炎/p p class=js对癌症的发生发展以及抗癌防，对癌症的发生发展以及抗癌防/p p class=zxa href=# class=tt01我要预约/aa href=#