b2b公共询价页面解决文字滚动卡顿问题

src/main/webapp/resources/tpl/index/baseInfo/inquiry_list.html

@@ -204,14 +204,26 @@
     .tender-list-content .slider{
         padding-left: 35px;
         height: 65px;
+        width: 1170px;
         line-height: 65px;
-        overflow-y: hidden;
+        overflow: hidden;
         border-bottom: 1px solid #cfcfcf;
     }
+    .tender-list-content .slider .all{
+        width: 1000%;
+        height: 65px;
+    }
+    .tender-list-content .slider .all div{
+        float: left;
+        height: 65px;
+        overflow: hidden;
+        zoom: 1;
+    }
     .tender-list-content .slider span{
         margin-right: 155px;
         font-size: 14px;
         color: #333;
+        cursor: pointer;
     }
     .tender-list-content .slider span img.circle{
         margin: -3px 5px 0 0;
@@ -323,8 +335,16 @@
                                <!--</span>-->
                            <!--</marquee>-->
                                <!-- 指令 -->
-                            <div class="slideUl">
-                                <slide-follow id="slide" dataset-data = "datasetData"></slide-follow>
+                            <!--<div class="slideUl">-->
+                                <!--<slide-follow id="slide" dataset-data = "datasetData"></slide-follow>-->
+                            <!--</div>-->
+                            <div class="all">
+                                <div id="slider01" class="slider01">
+                                    <span><img src="static/img/all/circle.png" alt="" class="circle"/> 华商龙商务科技有限公司开展员工动员大会 <img src="static/img/home/new.png" class="new"/></span>
+                                    <span><img src="static/img/all/circle.png" alt="" class="circle"/> 华商龙商务科技有限公司开展员工动员大会 <img src="static/img/home/new.png" class="new"/></span>
+                                    <span><img src="static/img/all/circle.png" alt="" class="circle"/> 华商龙商务科技有限公司开展员工动员大会 <img src="static/img/home/new.png" class="new"/></span>
+                                </div>
+                                <div id="slider02" class="slider02"></div>
                             </div>
                         </div>
                         <div class="filter row">
@@ -402,6 +422,29 @@
         });
         $(".bomb-box .box04 .off,.box04 .many-file-btn .btn01").click(function(){
             $(".bomb-box").hide();
-        })
+        });
+        //    文字滚动
+        var slider = document.getElementById("slider");
+        var slider01 = document.getElementById("slider01");
+        var slider02 = document.getElementById("slider02");
+        slider02.innerHTML = slider01.innerHTML;
+        function Marquee() {
+            if(slider.scrollLeft - slider02.offsetWidth >= 0) {
+                slider.scrollLeft -= slider01.offsetWidth;
+                console.log(slider.scrollLeft);
+            } else {
+                slider.scrollLeft++;
+                console.log( slider.scrollLeft++);
+            }
+        }
+        var myvar = setInterval(Marquee, 30);
+        slider.onmouseout = function() {
+            myvar = setInterval(Marquee, 30);
+        }
+        slider.onmouseover = function() {
+            clearInterval(myvar);
+        }
+
     })
+
 </script>