2017年07月_YuanlongWang

12月 11月 10月 07月 06月

原创 CSS——几种让一个容器水平垂直居中的方法

让一个容器水平垂直居中有多种方法，下面介绍简单的几种：方法一：position加margin 方法二： diaplay:table-cell方法三：position加 transform方法四：flex;align-items: center;justify-content: center方法五：display:flex;margin:auto

2017-07-17 01:16:03 2967

原创 Echarts使用心得总结——异步数据加载与更新（二）

Echarts异步数据加载，使用的是年月日三级下拉联动+Echarts数据更新，下面把实现代码分享给大家。一、时间选择器下拉联动的实现：<select id="YYYY" onchange="YYYYDD(this.value)" > <option value="">选择年</option> </select>

2017-07-16 03:05:19 2191

原创 Echarts使用心得总结——异步数据加载

异步加载Echarts的数据一般是在初始化后setOption中直接填入的，但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单，在图表初始化后不管任何时候只要使用ajax等异步获取数据后通过 setOption 填入数据就行。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content=

2017-07-16 00:41:16 25922 20

ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts 提供了常规的折线图，柱状图，散点图，饼图，K线图，用于统计的盒形图，用于地理数据可视

2017-07-14 17:41:25 5793 1

原创 JS插件分享：sHover 感应鼠标进入方向图片展示

sHover是一个简单的原生JavaScript插件，它可以让你的展示图片感应鼠标进入方向，从而让悬浮层做出不同的运动效果！它的使用和设置都非常方便，测试了一下他基本可以支持所有浏览器，所以就不用担心浏览器兼容问题啦。演示dome：sHover 感应鼠标进入方向图片展示使用简单 sHover是一个纯原生JavaScript编写的小组件，不需要引入JQuery或其他插件就可以使用。使用非常简单，引入

2017-07-13 11:14:50 979

原创纯css样式实现盒子 3D 旋转、鼠标悬停效果

看到一个css3的动画效果，感觉很高大上的样子，心血来潮自己研究了一下。先来个效果图：下面来看这个3d效果究竟是怎么实现的。（目前IE暂不支持 transform-style: preserve-3d。）首先，用到的是 transform-style: preserve-3d, 使被转换的子元素保留其 3D 转换。其次是 perspective: 600px,元素距离视图的距离，以像

2017-07-13 01:11:27 4054 2