向左滑动动画

来源:互联网 发布:图片锐度调节算法 编辑:程序博客网 时间:2024/06/07 18:12
<!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>
原创粉丝点击