Font字体小图标应用

Font字体小图标应用

作者:月光光 时间:2016年04月09日 21:25标签:字体图标  CSS 

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标。阅读全文

大图片加载优化解决方案

大图片加载优化解决方案

作者:月光光 时间:2016年04月03日 13:06标签:cavans  性能优化 

我们浏览页面上加载有大尺寸图片时,由于图片体积也比较大,我们会看到浏览器加载图片的时候会从上到下逐步显示图片,直到图片完整呈现在页面上,这样图片从空白区域到完全加载的过程显得比较突兀,用户体验比较差。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

作者:月光光 时间:2016年03月27日 12:42标签:下拉选择  CSS3  HTML5 

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式,甚至是更复杂的表单元素,例如select下拉菜单。我们可以有非常多的表单美化方案,使用户可以得到更加好的用户体验。阅读全文

简单的jQuery图片标注效果

简单的jQuery图片标注效果

作者:月光光 时间:2016年03月20日 17:22标签:图片效果  jQuery 

在一些电商网站和家居网站上我们会看到这样的应用,一张图片中显示多种商品,点击每个商品可以弹出对应商品的简单介绍,包括价格等等,极大的提高了用户体验,今天我们通过实例给大家分享使用jQuery插件来实现这一效果。阅读全文

非常棒的SVG文字动画特效

非常棒的SVG文字动画特效

作者:月光光 时间:2016年03月12日 12:24标签:动画  SVG 

这是一款基于segment.js制作的非常有创意的分段式SVG文字动画特效。这个文字动画特效通过动画SVG的描边路径来制作各种文字的动画效果,效果非常棒阅读全文

ECharts制作饼状图

ECharts制作饼状图

作者:月光光 时间:2016年03月04日 23:12标签:echarts  图表 

在工作中如果遇到需要计算总费用或金额的各个部分构成比例的情况,一般都是通过各个部分与总额相除来计算,而且这种比例表示方法很抽象,我们可以使用一种饼形图表工具,能够直接以图形的方式形象直观的显示各个组成部分所占比例阅读全文

ECharts某楼盘销售客户漏斗图

ECharts某楼盘销售客户漏斗图

作者:月光光 时间:2016年02月28日 21:39标签: echarts  图表  

漏斗图适用于业务流程比较规范、周期长、环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发现和说明问题所在。在电商网站分析中,通常用于转化率比较,它能展示用户从进入网站到实现购买的最终转化率。在CRM中,客户销售漏斗图用来展示各阶段客户转化比较。阅读全文

ECharts地图应用:使用jQuery和PHP、MySQL异步读取数据

ECharts地图应用:使用jQuery和PHP、MySQL异步读取数据

作者:月光光 时间:2016年02月22日 15:24标签:echarts  jQuery  PHP 

ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图。阅读全文

ECharts仪表盘

ECharts仪表盘

作者:月光光 时间:2016年02月16日 17:43标签:echarts  图表 

大家经常看到仪表盘,如汽车驾驶舱里的仪表盘,使用Echarts制作的仪表盘可以轻松展示用户的数据,清晰的看出某个指标值所在的范围,仪表盘形式的报表应用在各种统计系统中,本文结合实例讲解仪表盘在销售任务完成率的统计应用。阅读全文

ECharts,一个纯 Javascript 的图表库

ECharts,一个纯 Javascript 的图表库

作者:月光光 时间:2016年02月08日 23:00标签:echarts  图表 

ECharts是一个基于html5 Canvas、纯 Javascript 的图表库。它可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),提供直观,生动,可交互,可高度个性化定制的数据可视化图表。阅读全文

顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章