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

2 520 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

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

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

45 5141 https://www.xuanmo.xin/wp-admin/admin-ajax.php 97

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

凑个数,canvas绘制时钟

5 2112 https://www.xuanmo.xin/wp-admin/admin-ajax.php 32

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

文字超出显示省略号(css与js方法)

7 2040 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

第一种给出固定宽度,结合css样式控制: overflow: hidden;//超出隐藏 white-space: nowrap;//让文字不换行显示 text-overflow: ellipsis;//文本超出显示省略号 &n MORE...

canvas简易画板

12 2461 https://www.xuanmo.xin/wp-admin/admin-ajax.php 20

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

依赖jQuery库封装全屏滚动插件,兼容移动端

5 2480 https://www.xuanmo.xin/wp-admin/admin-ajax.php 40

jQuery封装插件语法格式: 第一次写jQuery插件,在写这个插件的时候,还是学到一点东西,在不会的地方用百度搜了答案,也算是对自己的一个知识巩固,有什么不对的地方望大 MORE...

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

2 2025 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

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

jQuery无缝滚动轮播插件

4 2312 https://www.xuanmo.xin/wp-admin/admin-ajax.php 21

前言 在平时写特效的时候,喜欢把一些东西封装成一个插件,方便下次使用,不喜欢在特效上边用插件,所以就自己写,这是封装的无缝滚动轮播插件,一共6个非必填参数: MORE...

h5拖拽小案例

5 2160 https://www.xuanmo.xin/wp-admin/admin-ajax.php 12

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

3D全屏滚动案例

0 1354 https://www.xuanmo.xin/wp-admin/admin-ajax.php 19

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

1 2 3