<!--最新智能报价-->
<div class="m-quote-newst">
<p class="count" style="color:#777c7c;">今天已有<{$everyday+$todaytendersnum}>位业主发布招标</p>
<div class="quote-list" style="border:1px solid #ebebeb;background: #fff;">
<div class="list-tit" style="border-bottom: 1px solid #ebebeb;">
<span style="width:134px;color:#28c2b3;">城市</span>
<span style="width:134px;color:#28c2b3;">业主</span>
<span style="width:134px;color:#28c2b3;">面积</span>
<span style="width:134px;color:#28c2b3;">预算</span>
<span style="width:134px;color:#28c2b3;">日期</span>
</div>
<ul id="marquee1">
<{foreach $tendersitemstwo as $item}>
<li>
<span style="width:134px;color:#000000;"><{$item.city_name}></span>
<span style="width:134px;color:#000000;"><{$item.contact|default:"--"}></span>
<span style="width:134px;color:#000000;"><{$item.house_mj}>㎡</span>
<span style="width:134px;color:#000000;"><{$item.zongyusuan}></span>
<span style="width:134px;color:#000000;"><{$item.dateline|format:"m-d"}></span>
</li>
<{/foreach}>
</ul>
</div>
</div>
<!--最新智能报价 end-->
滚动js：
//marquee function startmarquee(lh,speed,delay,id,slip) { var t; var p = false; var o = document.getElementById(id); if (o == null) return false; o.innerHTML += o.innerHTML; o.onmouseover = function () { p = true; }; o.onmouseout = function () { p = false; }; o.scrollTop = 0; function start() { t = setInterval(scrolling, speed); if (!p) { o.scrollTop += slip; } else { o.scrollTop == o.scrollTop; } } function scrolling() { if (o.scrollTop % lh != 0) { o.scrollTop += slip; if (o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0; } else { clearInterval(t); setTimeout(start, delay); } } setTimeout(start, delay); }; //发布招标内容循环滚动 if($('#marquee1')['0']){ startmarquee(44,100,0,"marquee1",4); } //签单快报滚动 if($('#bulletin-con')['0']){ startmarquee(44,100,0,"bulletin-con",4); }
<!--签单快报-->
<div class="m-bulletin">
<div class="tit">最新动态</div>
<div class="bulletin-con" id="bulletin-con">
<ul id="bubbleScroll">
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="qiandan_title">恭喜签单</div>
<div class="qiandan_list">庆祝<span style="color:rgb(255, 102, 0);"><{$item.company_name}></span>成功签下业主<{$item.contact}>的装修订单！</div>
</li>
<li>
<div class="welcome_title">欢迎加入</div>
<div class="welcome_list"><span style="font-weight: 700;">厦门有家装饰</span></br>入驻有其屋(<span style="color:rgb(40, 200, 180);">厦门有其屋</span>)</div>
</li>
</ul>
</div>
<a href="http://www.youqiwu.net.cn/pc_zhaoshang1708/" target="_blank" class="metoo">我也要出现在这里</a>
</div>
<!--签单快报 end-->
一条一条显示js:
//签单快报滚动（最初版）start // function autoScrollBubble(){ // var conHeight = $('.bulletin-con').height(); //获取包裹层的高度，若列表的高度超过包裹层的高度，则改为底部对齐 // var $ul = $('#bubbleScroll'); // $ul.show(); // var bubbleLength = $ul.find('li').length; // var bubbleArr = []; // for(var i = 0; i < bubbleLength; i++){ //将列表的元素加入数组 // bubbleArr.push($ul.find('li').eq(i)); // } // $ul.html(''); // var delayTime = 3000; // var appendIndex = 0; // function appendBubble(){ //将li元素添加到列表函数 // $ul.append(bubbleArr[appendIndex]); // var ulHeight = $ul.height(); // if(ulHeight >= conHeight){ // $ul.css({'top':'auto','bottom':0}); // } // if(appendIndex >= bubbleLength-1){ // appendIndex = 0; // }else{ // appendIndex++; // } // setTimeout(appendBubble,delayTime); // if(delayTime == 20000){ // delayTime = 3000; // }else{ // delayTime = 20000; // } // } // appendBubble(); // } // if($('.bulletin-con')['0']){ // autoScrollBubble(); // } //签单快报滚动（最初版）end
