-
Swiper.js全屏上下切换
Swiper.js 全屏切换 Swiper切换 Swiper
1.先去官网（https://www.swiper.com.cn）下载最新版到自己到项目里2.在页面引入js和css，因为我到项目里用到里animate.css所以一起引入了。<script src="js/swiper.js" ty......
-
微信浏览器里阻止软键盘弹出后布局问题
输入框键盘 安卓点击input弹键盘 安卓浏览器输入框弹出键盘后背景图被缩小
微信浏览器里如果页面的背景是图片，那么点击输入框的时候，弹出的键盘会把背景图挤到上面，用户体验较差，这时候需要用js把body给设置一个高度就可以了。$(function(){ $('body').h......
-
div垂直水平居中
div垂直水平居中 div居中 固定宽度div居中
宽度固定，高度不固定的div垂直水平居中用 flexbox 的特性:<div class="parent"> <div class="child"></div> </div> .parent ......
-
html5 video播放mp4格式视频有声音没图像(转)
html5视频不显示 video播放mp4 视频有声音没图像
原因：MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)，H264才是公认的MP4标准编码。出现问题的视频编码格式不正确。解决办法:利用工具将问题视频的编码格式转换成H264。格式工厂很好用（免安装）：链接: ......
-
canvas 图片根据滚动条上下移动
canvas滚动条 图片随滚动条移动
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"......
-
highcharts线性图Y轴刻度设置
highchartshighcharts Y轴 highcharts Y轴单位 highcharts Y轴间隔 highcharts 单位 highcharts小数点 tickInterval
highcharts非常好用的一个插件，如果想改变刻度的间隔的话，需要用tickInterval这个参数，如果要保留小数，用formatter，直接上实例：var data = new Array();//默认第一个数据的数组 var hs......
-
微信浏览器选中数字的颜色
telephone=no 微信数字 微信数字颜色 微信浏览器数字颜色
微信浏览器识把数字识别成电话号码，点击到数字上的时候，数字颜色会变成蓝色，其实只需要在head标签里加上下边这句就可以保持原样了。<meta name = "format-detection" content="telephone=n......
-
html5用canvas做刮刮卡的效果
canvas刮刮卡 html5刮刮卡 擦雾 滑动擦除
刮刮卡的效果和这个一样，只是我这个是画的雾，擦雾擦着擦着雾就消失的效果，html代码:.cloud{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-ind......
-
响应式图片切换插件Slick.js注意事项
slick slick.js 响应式 图片切换 手机端图片切换 移动端图片
最近有人问我，为什么他调用slick插件却没有出来想要的效果？点击没反应？大图和缩略图对应不上？然后我把代码要过来，检查了一遍，发现官方给的例子是OK的，而页面里的代码却和例子有些不同。 这是官方的例子，源代码是这样的：注意例子里......
