XX刚刚购买了个网站建设效果怎么实现?

2020-06-02 15:29 admin
  XX刚刚购买了个网站建设效果怎么实现?一般扒站的,是扒不下来的,尤其是不是加密的站,但是客户又想要这种XX刚刚购买了个网站建设效果怎么实现呢?

  通过多次测试终于实现了,现在贴出来网站建设代码,供同行朋友们参考,如果您正好有需要,可以参考下。

XX刚刚购买了个网站建设效果

 <style type="text/css">
 
 ul,li{list-style: none;padding: 0;margin: 0;}
 .Roll {
 padding: 0;
 text-align: left;
 text-indent: 10px;
 cursor: pointer;
 opacity: 1;
 height: 6rem;
 line-height: 3rem;
 font-size: 17px;
 background-color: #fff;
 color: #fe172d;
 }
  
 .ul li {
 opacity: 0;
 }
 </style>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 <script type="text/javascript">
 statr = () => { //创造一个循环方法函数
 let first = $('.ul li:first'), //获取列表第一个li
 firstLi = first.clone(); //复制第一个li
 $('.ul li').eq(0).animate({ //列表第一个添加动画,
 marginTop: '-=15px',
 opacity: '1'
 }, 2000)
 setTimeout(function() {
 $('.ul li').eq(0).animate({//列表第二个添加动画,
 marginTop: '-=15px',
 opacity: '0'
 }, 2000);
 setTimeout(function() {//动画结束后删除第一个li
 first.remove();
 }, 2000)
 $('.ul').append(firstLi)//li复制到最后面开始新的一轮循环
 },4000)
 }
 setInterval('statr()', 7000) //7秒循环一次
 </script>
<div id="app"><div class="page-center">
 
<section class="broadcast">
 
 <ul class="ul">
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">11111刚刚购买了一单</span></div></li>
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">2222刚刚购买了一单</span></div></li>
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">3333刚刚购买了一单</span></div></li>
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">4444刚刚购买了一单</span></div></li>
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">55555刚刚购买了一单</span></div></li>
 <li><div class="bar"><img class="user-avatar" src="images/132"> <span class="user-name">666666刚刚购买了一单</span></div></li>
 </ul>
 
</section>
Tag: 怎么 建设 网站 效果
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码