Ajax progress事件+php实现上传文件显示进度条

2 568 5

废话扯一扯 一直使用jQuery的ajax,对原生ajax也不了解,也没有做过ajax文件上传功能,最近把静态资源CDN换成了又拍云,想实现一下前端上传文件功能,奈何php不是很懂,看又拍云给的文档和 MORE...

浏览器实现HTML5发送语音功能

5 1054 14

   这是一次后台同事让做的一个功能,但是在手机端兼容不好,Safari清一色不支持,导致后来没有用上,想看效果的伙伴可以用pc端浏览器打开模拟手机的功能查看,查看demo链接移步文章尾部。    也 MORE...

我的在线音乐播放器(移动端)

46 6279 105

一个月不更新了,先来几张音乐播放器的效果图吧,歌词联动后边在搞了,rem还没搞好,羞羞羞,哈哈,微信浏览不能实现在线搜索,可以用浏览器打开 在线展示 css3滤镜 此次的背景用到了css3新增属性,用 MORE...

凑个数,canvas绘制时钟

5 2471 36

许久不更新了一样,用以前学习作业凑个数,canvas绘制的时钟,效果图: js代码 var canvas = document.getElementById('canvas'); var can = MORE...

canvas简易画板

12 3088 21

路径移动部分代码: canvas.onmousedown = function(ev){ ev = ev || window.event; _x = ev.clientX , _y = ev.clie MORE...

JavaScript面向对象封装canvas环形进度条

2 2363 22

canvas制作环形进度条需要注意的地方,就是关于角度与百分比的转换,公式如下: 传参利用的是json键值对方式进行传递参数,总共支持7个参数, obj:canvas对象(必填参数) radius:圆 MORE...

h5拖拽小案例

5 2574 12

利用html5新提供的方法,实现两个小的案例 简单的拖动拼图 拖动图片到浏览器窗口上传 DEMO展示

3D全屏滚动案例

0 1642 19

3D全屏滚动思路: 先搭好3D盒子,4个div与浏览器等宽等高,点击让大的div顺着X轴旋转。最佳查看浏览器(chrome)源码如下: html部分 <div id="box" MORE...

3D时间显示

2 1625 18

js获取时间与css3 3D属性做出的3D旋转时间   DEMO展示

5.5秒给你画个八卦图

7 1765 18

css3与js结合实现动画,两边的圆形利用before/after两个伪元素制作,省去两个标签 DEMO展示

插入图片

上传进度:

2128 https://www.xuanmo.xin/wp-content/themes/xuan

点击添加图片