<!doctype html> <html> <head> <meta charset="utf-8"> <title>积分联盟</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <link rel="stylesheet" href="../../../static/frame/weui-master/style/weui.css"/> <link rel="stylesheet" href="../../../static/frame/weui-master/style/weui2.css"/> <link rel="stylesheet" href="../../../static/frame/weui-master/style/weui3.css"/> <link rel="stylesheet" href="../../../static/b2b-reception/css/style.css"/> <script src="../../../static/frame/weui-master/zepto.min.js"></script> </head> <body ontouchstart style="background-color: #f8f8f8;"> <div class="points-trans-top clearfix"> <div class="pl20 points-wid50 fl pt10"> <p class="f16 pt20 pb20">可转化的联盟积分</p> <p class="f50 pt10 "><img class="pointschangeicon" src="../../../static/b2b-reception/images/temporary/points-changeicon.png" alt="">41089 </p> </div> <div class=" fr pt10"> <p class="points-redf87b62 f12 pt45 tcenter points-change-pos">一键转化</p> <a class="points-iconr"></a> </div> </div> <div class="percent5 minheight"> <div class="weui_cells weui_cells_access mt10 weui_cellaf move-r"> <a class="weui_cell p10 tleft" href="#"> <div class="weui_cell_hd points-trans-img"><img src="../../../static/b2b-reception/images/temporary/wlticon.png" alt="" style=""> </div> <div class="weui_cell_bd weui_cell_primary"> <p class="f14 f-black">万里通</p> <p class="f14 pt10 f-gray999">180*****5120</p> </div> <div class="clearfix"> <span class="icon-gray-point fl"></span> <span class="f-black fl f18 mt4">5120</span> </div> </a> </div> <div class="weui_cells weui_cells_access mt10 weui_cellaf move-r"> <a class="weui_cell p10 tleft" href="#"> <div class="weui_cell_hd points-trans-img"><img src="../../../static/b2b-reception/images/temporary/zghkicon.png" alt="" style=""> </div> <div class="weui_cell_bd weui_cell_primary"> <p class="f14 f-black">中国航空</p> <p class="f14 pt10 f-gray999">180*****5120</p> </div> <div class="clearfix"> <span class="icon-gray-point fl"></span> <span class="f-black fl f18 mt4">520</span> </div> </a> </div> <div class="weui_cells weui_cells_access mt10 weui_cellaf move-r"> <a class="weui_cell p10 tleft" href="#"> <div class="weui_cell_hd points-trans-img"><img src="../../../static/b2b-reception/images/temporary/jdgbicon.png" alt="" style=""> </div> <div class="weui_cell_bd weui_cell_primary"> <p class="f14 f-black">京东钢镚</p> <p class="f14 pt10 f-gray999">180*****5120</p> </div> <div class="clearfix"> <span class="icon-gray-point fl"></span> <span class="f-black fl f18 mt4">520</span> </div> </a> </div> <div class="pt10 move-r pointswid100">单个转化</div> <div class="weui_cells weui_cells_access mt10 weui_cellaf move-r"> <a class="weui_cell p10 tleft" href="#"> <div class="weui_cell_hd points-trans-img"><img src="../../../static/b2b-reception/images/temporary/zgydicon.png" alt="" style=""> </div> <div class="weui_cell_bd weui_cell_primary"> <p class="f14 f-black">中国移动</p> <p class="f14 pt10 f-gray999">180*****5120</p> </div> <div class="clearfix"> <span class="icon-gray-point fl"></span> <span class="f-black fl f18 mt4">520</span> </div> </a> </div> </div> <p class="tcenter f-gray999 pt10"> <img class="pointschangericon" src="../../../static/b2b-reception/images/temporary/moreicon.png" alt=""></p> <div class="points-botbg "> <a class="points-fixed tcenter"> <p class="f-gray999">绑定更多品牌</p> </a> </div> </body> <script> $(function () { $(".points-change-pos").click(function () { $(".points-iconr").addClass("points-iconr-trans") setInterval( function () { $(".move-r").each(function() { console.log(this) $(this).addClass("move").removeClass("move-r") setTimeout(function(){ $(".move").css({"display":"none","margin-left":"0!important"}) }, 800); $(".percent5").each(function () { var pointChange = $(".percent5 .weui_cells").last().hasClass("move-r") // console.log(pointChange) if(pointChange!=true){ $(".points-iconr").removeClass("points-iconr-trans") } }) return false; }) },2000) }) }) </script> </html>
向左滑动动画
猜你喜欢
转载自blog.csdn.net/cheeso/article/details/78287783
今日推荐
周排行