1、animation动画:(注意如果这个动画是一开始就执行的,在pc端就要用px,在手机端用rem,如果在pc端展示页面,但用的是rem为单位,这时候动画一开始就执行,因为根字体大小还没准备好,动画会一开始很慢,根字体算好后一下子就很快,最好是可以加个延时添加动画类名的js如下:

setTimeout(function(){
$($('.yxmy_address_mod')[0]).addClass('yxmy_address_mod_moveleft');
},0)

.yxmy_address_mod_moveleft{
/*animation动画*/
-webkit-animation:moveleftadd 0.5s ease-in-out forwards;
animation:moveleftadd 0.5s ease-in-out forwards;
}
@-webkit-keyframes moveleftadd{
from{
-webkit-transform: translate(0rem);
-moz-transform:translate(0rem) ;
-o-transform:translate(0rem) ;
-ms-transform:translate(0rem) ;
transform: translate(0rem);
}
to{
-webkit-transform: translate(-1.1rem);
-moz-transform:translate(-1.1rem) ;
-o-transform:translate(-1.1rem) ;
-ms-transform:translate(-1.1rem) ;
transform: translate(-1.1rem);
}
}
@keyframes moveleftadd{
from{
-webkit-transform: translate(0rem);
-moz-transform:translate(0rem) ;
-o-transform:translate(0rem) ;
-ms-transform:translate(0rem) ;
transform: translate(0rem);
}
to{
-webkit-transform: translate(-1.1rem);
-moz-transform:translate(-1.1rem) ;
-o-transform:translate(-1.1rem) ;
-ms-transform:translate(-1.1rem) ;
transform: translate(-1.1rem);
}
}

  在用到的里面添加类名。

2、transition 过渡

.yxmy_address_mod{width: 8.6rem;transition:transform 0.5s;}
.yxmy_address_mod_moveleft{
/*transition过渡*/
-webkit-transform: translate(-1.1rem);
-moz-transform:translate(-1.1rem) ;
-o-transform:translate(-1.1rem) ;
-ms-transform:translate(-1.1rem) ;
transform: translate(-1.1rem);
}

3、event 与 e

在用jq1.0的时候

再用jq3.0的时候

这个bi.event没有changedTouches属性。

而r.event就有changedTouches属性。

event对象无论用jq1.0还是jq3.0 都有changedTouches属性。

所以可以用event对象。

jquery-1.10.2_d88366fd.js和jquery-3.1.0.min.js 在用touch事件时候, event.changedTouches[0]报错的问题。的更多相关文章

  1. MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案

    1.选中报错的jquery文件例如"jquery-1.8.0.min.js". 2.右键选择 MyEclipse-->Exclude From Validation . 3. ...

  2. 2018.6.18 MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案

    MyEclipse导入jQuery-1.8.0.min.js等文件的时候有时候会报了一堆missing semicolon的错误.怎么解决这个报错呢?方法如下: 1.选中报错的jquery文件例如&q ...

  3. 大爱jQuery,10美女模特有用jQuery/CSS3插入(集成点免费下载)

    整合下载地址:http://download.csdn.net/detail/yangwei19680827/7343001 jQuery真的是一款非常犀利的Javascript框架,利用jQuery ...

  4. jquery缓存使用jquery.cookies.2.2.0.min.js

    $.cookies.set(key, obj, { hoursToLive: 2}); key标识的键 , obj存入的值可以缓存json对象, hoursToLive 缓存小时数 $.cookies ...

  5. jQuery Ajax请求(关于火狐下SyntaxError: missing ] after element list ajax返回json,var json = eval("("+data+")"); 报错)

    $.ajax({    contentType: "application/x-www-form-urlencoded;charset=UTF-8" ,    type: &quo ...

  6. ui-bootstrap-tpls-0.11.0.min.js

  7. JS高级---实例对象使用属性和方法层层的搜索 (实例对象-->原型对象-->报错)

    实例对象使用属性和方法层层的搜索:   实例对象使用的属性或者方法, 先在实例中查找, 找到了则直接使用: 找不到则, 再去实例对象的__proto__指向的原型对象prototype中找, 找到了则 ...

  8. Python之路【第十二篇】前端之js&dome&jQuery

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...

  9. Js和JQuery基础

    1.JavaScript的组成 CMAScript (核心):规定了JS的语法和基本对象 DOM 文档对象模型:处理网页内容的方法和接口 BOM 浏览器对象模型:与浏览器交互的方法和接口 2.Java ...

随机推荐

  1. 【STM32H7教程】第60章 STM32H7的DAC应用之定时器触发实现DMA方式双通道波形

    完整教程下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=86980 第60章       STM32H7的DAC应用之定时器触发实 ...

  2. 集成unittest做接口测试

    unittest接口测试 上篇已经讲了接口测试的做法,利用的是postman工具,工具始终是工具,它有一定的局限性,比如测试数据的存放,断言的方法以及上下接口关联使用灵活性.python对http接口 ...

  3. Charles 查看https请求数据 Mac/ android

    Charles_v4.0.1_Mac_破解版下载地址:https://pan.baidu.com/s/1c23VPuS 1.在Mac电脑上安装Charles的根证书 打开Charles->菜单H ...

  4. es2.0的语法学习

    确定文档和查询有多么相关的过程被称为打分(scoring):将查询作为输入,使用不同的手段来确定每一篇文档的得分,将每一个因素最后通过公式综合起来,返回该文档的最终得分.这个综合考量的过程,就是我们希 ...

  5. 第四十四篇 入门机器学习——matplotlib基础——实现数据可视化

    No.1. 绘制一条正弦曲线 No.2. 在一张图中绘制多条曲线 No.3. 可以为曲线指定颜色.线条样式 No.4. 可以指定横纵坐标轴的范围 也可以使用: No.6. 可以为每条曲线添加图示 No ...

  6. mybatis(六):设计模式 - 单例模式

  7. [Netcat] 断线重连 自动重连

    今天想做些操作,所以想到了nc 但是nc太过于轻量级 所以 导致我没有找到他的断线重连功能 然后我就想到了windows的神器之一 vbs脚本 vbs代码如下 Dim a,b set a= WScri ...

  8. git中全局设置用户名、邮箱

    1.查看git配置信息:git config --list (可以查看所有的配置信息) 2.查看git用户名:git config user.name 3.查看邮箱配置:git config user ...

  9. 期货、期权tick数据接收

    功能: 1.开启之后,7*24自动运行. 2.在共享内存中存放当个交易日的tick数据,方便随时取用. 3.支持多行情源取数据.经过测试一个行情源峰值带宽要求为20M,所以使用时要配合带宽限制. 4. ...

  10. Centos610-oracle 备份和还原

    前言 本文是为基于Centos6.*(linux)系列的Oracle备份和还原的操作记录,其中根据expdp和impdp不同参数可实现不同场景下的导出导入,为不同OS下面的Oracle迁移打下基础. ...