手机端移动端的选择框mobileSelect.js使用 文件地址:https://github.com/onlyhom/mobileSelect.js 请感兴趣的自行下载 使用过程 1 引入标签 <link rel="stylesheet" type="text/css" href="css/mobileSelect.css"> <script src="js/mobileSelect.js" type=&q…
在没结合css3的transform实现平滑过渡前,我都是用的jquery的animate方法,此方法在PC端基本看不出来有稍微卡顿的现象,但是在性能不高的手机上使用该方法,就会有明显的卡顿现象,不够平滑,而且,在移动端H5页面中很多人使用的js库是zeptoJS,所以要想使用animate方法还要额外引用一个fx.js的插件,这无疑又增加了页面的体积,增加了服务器的请求负担,这显然不是最好的解决办法.那么,今天,本人就给大家分享一个利用css3的transform并结合transition来实…
一.mobileSelect获取方法 mobileSelect支持单选.多级联动.自定义回调函数.二次渲染.最新版本下载地址[2017-09-21更新]: https://github.com/onlyhom/mobileSelect.js 二.特性 1.原生js移动端选择控件,不依赖任何库 2.可传入普通数组或者json数组 3.可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 4.自动识别是否级联 5.选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以…
实现Nginx区分PC和手机访问不同的网站是物理上完全隔离的两套网站(一套手机端.一套pc端) 这样带来的好处pc端和移动端的内容可以不一样,移动版网站不需要包含特别多内容.只要包含必要的文字和较小的图片,这样可以节约流量,有好处自然也会加大难度,难题就是需要自己维护两套环境,并且需要自动识别用户所使用的设备并跳转到相应的网站,当判断错误时用户可以手动切换正确的网站! 示例:有两套网站代码.一套PC版放在/usr/local/nginx/html/web,一套移动版放在/usr/local/ng…
限制只能选择图片 <input type="file" accept="image/*"> 限制只能选择视频 <input type="file" accept="video/*"> 限制只能选择音频 <input type="file" accept="audio/*"> 直接打开摄像头拍照 <input type="file&quo…
处理Touch事件能让你跟踪用户的每一根手指的位置.你可以绑定以下四种Touch事件: touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 系统取消touch事件的时候触发.至于系统什么时候会取消,不详 //属性 client / clientY:// 触摸点相对于浏览器窗口viewport的位置 pageX / pageY:// 触摸点相对于页面的位…
转载地址:https://www.cnblogs.com/xzzzys/p/7526761.html 1  用定位为题来解决var oHeight = $(document).height(); //浏览器当前的高度      $(window).resize(function(){ if($(document).height() < oHeight){                 $("#footer").css("position","sta…
支持手机,PC最好的是jquery photoClip插件,下载地址&示例:https://github.com/topoadmin/photoClip demo.html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&quo…
<style rel="stylesheet" type="text/css"> .lunboimg{ width: 100%; height: auto; float: left;}.lunboimg img{ width: 100%; float: left;} </style> $(function(){ var evt = "onorientationchange" in window ? "orient…
<input id="hd_referrer" type="hidden" />                <a href="javascript:void(0)" onclick="referurl(); ">返回 </a>                <script>                    $(function () {                 …