向左滑动动画
来源:互联网 发布:图片锐度调节算法 编辑:程序博客网 时间: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>
阅读全文
0 0
- 向左滑动动画
- UIScrollView 禁止向左滑动
- JQuery 从右侧向左滑动
- 仿qq向左滑动列表
- Unity3D 判断鼠标向左还是向右滑动
- 专题页面向左滑动后数据格式
- android向左滑动显示第二屏
- 仿qq向左滑动删除 案例 详解
- listView的item向左滑动实现删除
- appium 中swipe()方法向左滑动时
- 微信小程序 向左滑动删除功能
- 滑动动画
- 属性动画 向右消失 向左出来
- android 启动activity动画(自右向左动画)
- 滑动的手势 UIPanGestureRecognizer 识别向左还是向右
- iOS开发--开启iOS7向左滑动手势返回功能
- unity3d如何实现手指向左滑动倒序播放图片序列
- 【导航】iOS自带的手势向左滑动返回
- 数组指针和指针数组的问题
- HashTable四种遍历方式
- 【环境配置】ubuntu中shell命令不能识别通配符的解决办法之一
- Android 富文本编辑
- MD5理解和基础应用场景
- 向左滑动动画
- maven 添加jar到远程仓库
- STORM启动与部署TOPOLOGY
- C homework1
- stringbuffer方法简单使用
- [linux]awk命令
- X Chen笔记---安装Python过程中提示安装程序错误并回滚
- Android平台下编译FFmpeg用于视频压缩处理
- 模式开始