- 博客(4)
- 资源 (24)
- 收藏
- 关注
原创 CSS渐变效果的使用,线性渐变、径向渐变。
CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向径向渐变(Ra
2017-09-14 13:07:39 1021
转载 原声JS判断程序运行平台Pc OR Mobile
var userAgent = navigator.userAgent.toLowerCase();if(!userAgent.match(".*(ip(hone|od)).*") && !userAgent.match(".*(android.+mobile|bada\\/|blackberry|iemobile|kindle|wap|windows (ce|phone)).*")) {
2017-09-13 14:26:08 489
原创 rem布局,移动H5页面布局规范(1)。
功能决定成度,样式决定美感度,在移动H5页面布局上规范必然时不可少。 在H5页面 UI设计图的基础,如何根据设计图片写出比例相同, 在不同移动设备上页面上的样式依然保持一致。响应式页面,rem布局的使用方法。 1、设置viewport<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,
2017-09-13 10:59:09 1940
原创 原生JS如何监听移动设备屏幕横竖屏的旋转
到目前JS的强大和所能完成的工作已经不言而喻,然而杯具的发生总是在使用过JS的基础上。代码中监测旋转是用了onorientationchange 函数,但是在一些APP或游戏内嵌页面会有该函数不会执行、orientation获取不到的情况。所以如果是内嵌页建议使用resize事件,检查宽高变化来检测屏幕是否旋转。代码使用实例:<script type="text/javascript">
2017-09-13 10:04:56 11424
精致的H5 列表侧滑组件。H5页面侧滑删除、修改的功能组件。
2018-01-26
Gradients渐变
2017-09-14
CSS3渐变效果
2017-09-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人