- 博客(6)
- 收藏
- 关注
转载 JavaScript实现简单的前端上传图片预览
JavaScript实现简单的前端上传图片预览 <div class="file_upload"> <div id="portrait"></div> <input type="file" name="" id="" onchange="showPerview(this)"> </d...
2017-02-07 10:18:00
184
转载 解决移动端点击事件的穿透问题之CSS3新属性:pointer-events
在做移动端的页面时,经常会遇到点击(touch)一个弹出的层,在上面触发点击(touch)事件,当弹出层关闭之后点击(touch)事件会穿透到下面的层,这时候如果下一层的某个元素也绑定了点击(touch)事件,就会也一起被触发,如何解决这所谓的bug?解决这一问题需要用到css3的新属性,pointer-events,下面先看一下他的属性设置值,可以在下面层绑定点击(touch)事件添加...
2016-03-01 16:10:00
866
转载 总结移动端页面开发时需要注意的一些问题
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport 有些手机网站我们看到如下声明: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&g...
2016-01-21 16:39:00
368
转载 jQuery custom content scroller自定义滚动条插件
jQuery custom content scroller一款强大的自定义滚动条插件。 使用方法如下: 1、引入jQuery库以及相应的jquery.mCustomScrollbar.concat.min.js文件和css文件jquery.mCustomScrollbar.css <link rel="stylesheet" type="text/css" href="...
2015-12-15 15:22:00
229
转载 Jcrop+uploadify+php实现上传头像预览裁剪
最近由于项目需要,所以做了一个上传头像预览并且可以预览裁剪的功能,大概思路是上传的图片先保存到服务器,然后通过ajax从服务器获取到图片信息,再利用Jcrop插件进行裁剪,之后通过PHP获取到的四个裁切点的坐标进行裁剪。 首先看一下uploadify上传插件的API: uploader: uploadify.swf 文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击...
2015-11-30 15:24:00
298
转载 jQuery插件之ajaxFileUpload API文档
ajaxFileUpload是一个异步上传文件的jQuery插件。 语法:$.ajaxFileUpload([options]) options参数说明: 1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。3,secureuri 是否启...
2015-11-19 17:49:00
361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅