深入浅出ECharts系列(一) 目标 本次教程的目标是实现“微博签到点亮中国”散点图,实现结果如图: 2. 准备工作 a)         首先下载ECharts插件,你可以根据自己的实际需求选择你想要下载的版本,也可以自己定制相应功能的版本,下面附上插件的下载地址: http://echarts.baidu.com/download.html 我们下载完整版为大家进行演示. b)         因为本次教程涉及地图,所以需要引入地图资源,下面附上中国地图JS地址: http://echar

Android5.0 Material Design设计的动画效果 RippleDrawable涟漪效果 涟漪效果是Android5.0以后的新特性.为了兼容性,建议新建drawable-v21文件夹来存放RippleDrawable,drawable文件夹下也要放相应的适配图片.(这里可以安装一个AndroidSelector插件,具体的可以参考https://blog.csdn.net/oqihaogongyuan/article/details/53102615的第三部分) 涟漪动画主要是

Android在5.0版为Button默认添加了点击时的涟漪效果,而且在其他的控件上也可以轻松的实现这种炫酷的效果.涟漪效果可以分为两种,一种时有边界的涟漪,另一种时无边界的涟漪.所谓的有边界,即涟漪的效果展现不会超过控件的大小:另一种无边界效果,涟漪在越过控件边界之后还会继续扩散,然后逐渐消失. 实现涟漪效果,我们只需要在控件的android:backgroud 属性上进行设置即可.两种效果的设置如下 : 有边界的涟漪效果: android:background="?android:attr/

1.前言 我们经常会遇到对一些列表呀进行点赞呀收藏数据等效果呀.今天就用html+css实现超级简单易上手的点赞和取消赞的demo展示. 2.详情 1.css样式 .like{ font-size:66px; color:#ccc; cursor:pointer;}.cs{color:#f00;} 2.html内容 <p class="like">❤</p> 3.js代码 <script typet="text/javascript"

echarts中国地图例子:http://gallery.echartsjs.com/editor.html?c=effectScatter-map 代码: var data = [{ name: '郑州', value: 100 //扩散的大小 }, { name: '北京', value: 100 }, { name: '香港', value: 100 }, { name: '上海', value: 100 }, ]; var geoCoordMap = { '郑州': [113.64963

在SelectionChanged事件中,添加两行代码,取消点击Item后的选中效果 void GridViewSelectionChanged(object sender, SelectionChangedEventArgs e) { var value = sender as GridView; value.SelectedItem = null; }

这个效果是我从bootstrap-material-design上面分离下来的,bootstrap-material-design的一些组件样式我不太不喜欢,但是非常喜欢这个水波纹效果,所以就有了这篇文章: 先上效果图: 点击按钮后,会有一道波纹扩散开来 下面是资源地址:http://pan.baidu.com/s/1pL6LGBh 提取密码: 7y6x 就两文件: 下面是使用教程: 第一步:引入rippels.css 和rippels.js <link rel="stylesheet&q

Material Design是Google在2014年Google I/O大会上推出的一套全新的设计语言,经过接近两年的发展,可谓是以燎原之势影响着整个设计交互生态,和Material Design相关的开源项目也犹如雨后春笋般的出现. 其中,Ripple Effect是Google非常推崇的Material Design风格的交互方式,甚至已经将它组件化.在越来越多的应用上可以看到这种水波效果,不仅仅是Google自家的应用比如Google Play, 我们在市面上见到的很多应用也都纷纷跟随

.在General中App Icons 使用Source--> AppIcon .在Images.xcassets 中依次添加对应尺寸的icon. .选中AppIcon ,在右侧第三个按钮下,勾选 iOS icon is pre-rendered. .编译,运行,icon高光效果就没有了.如果还存在高光的话,请将app先卸载,然后重新运行即可. 

1 必须引入 echarts.js文件 以及 china.js 点文件才可以执行代码2 ehcart官方文档有点小恶心,看了半天,好多东西都不是很清楚,必须挨个实验才行,希望对一些初学者来说可以少走一点弯路2 二话不说上源码,研究了两天搞出来的3 效果图 1 var dom = document.getElementById("map"); var myChart = echarts.init(dom); var app = {}; option = null; // 省会+直辖市 v

帧代码: stage.frameRate = 80; function init(x1:Number,y1:Number) { var mc:MovieClip=new MovieClip(); addChild(mc); mc.x = x1; mc.y = y1; mc.graphics.lineStyle(0.5,0xbbffff,0.6); mc.graphics.drawEllipse(-1,-0.3,2,0.6); mc.addEventListener(Event.ENTER_FRA

[self.tableView deselectRowAtIndexPath:[self.tableView indexPathForSelectedRow] animated:YES]; @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

Codrops 上面发布了一个深入的教程,就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果,并基于 SVG 和 GreenSock 来实现.随着谷歌的材料设计的出现,带来了一个视觉语言,创建跨平台和设备的统一体验.在本教程中,他们会向你展示实现涟漪效果的一种方式. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用

一.效果 和12306是一样的,运行一张图上点击多个位置,横线以上和左边框还有有边框位置不允许点击,点击按钮输出坐标集合,也就是12306登陆的时候,需要向后台传递的参数. 二.实现思路 1.获取验证码图片 首先,我们看12306登陆页面,F12,通过如图的位置,我们可以观察到,验证码的请求URL是“https://kyfw.12306.cn/otn/passcodeNew/getPassCodeNew?module=login&rand=sjrand&0.8291445260649148

GooglePlay 首页效果----tab的揭示效果(Reveal Effect) (1) 前言: 无意打开GooglePlay app来着,然后发现首页用了揭示效果,连起来用着感觉还不错. 不清楚什么是揭示效果(Reveal Effect)的效果可以看我前面一篇文章:Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果 无法使用Google的小伙伴可以看我更前面的文章:提高(Android)开发效率的工具与网站 工具与分析 GooglePl

Material Design Reveal effect(揭示效果) 你可能见过但是叫不出名字的小效果 前言: 每次写之前都会来一段(废)话.{心塞...} Google Play首页两个tab背景用了这个效果,三星计算器用了这个效果,酷安也看见这个效果,但就是叫不出名字!!!抓狂啊!!! 没办法,由于这个效果类似 涟漪效果,所以我就用** Ripple 为关键字,找过RippleDrawable** ,但是没发现...最后在Google的帮助下,我从一个陌生的网站看到了Reveal Effe

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景 eChart提供了迁徙图.热点图.夜视图等跟地图能够很好的结合起来的数据展示方式.但是如何将eChart和我们的AGS JS框架以及自身的地图相结合,是一个很值得研究的地方.我所在小组中的一位同事上两周作为主力对eChart和我们目前所使用的AGS JS的结合做了一些研究,取得了不错的进展.我本人对其研究进行了跟进,这里作为二传手,将这些进展以及效果做一个小

struts2点击下载,如果正常下载不会报错,可是如果点击取消就会报如下的错误: Java.lang.IllegalStateException: Cannot call sendError() after the response has been committed...... 原因: stream对应的类是org.apache.struts2.dispatcher.StreamResult,该类的处理过程如下:    1.配置其中result标签下的各个参数    2.从服务器中获取输入流

Aero玻璃效果 下图左是DevExpress无玻璃效果,图右是Windows自带玻璃效果. Windows Aero 是从 Windows Vista 开始使用的新型用户界面,透明玻璃感让用户一眼贯穿."Aero"为四个英文单字的首字母缩略字:Authentic(真实).Energetic(动感).Reflective(反射)及Open(开阔).意为Aero界面是具立体感.令人震撼.具透视感和阔大的用户界面.除了透明的接口外,Windows Aero也包含了实时缩略图.实时动画等窗口

之前看了以前版本的unity3d demo AngryBots ,觉得里面的下雨效果不错,刚好前段时间学习了,写出来跟大家分享下,直接开始. 使用自带动画系统制作下雨效果. 先制作下雨的雨滴涟漪 步骤1: 在 project中新建文件夹,命名为rainFX.将图片素材RainStreak及Ripple导入到rainFX文件夹中,创建一个plane,改名 为RippleObj,创建一个material,命名为ripple.(将导入的Ripple贴图的Alpha from Grayscale 打上勾

先上效果图,如demo_sinaweibo.gif 由效果图,下半部分是简单的效果叠加,上半部分是新浪微博加载图片显示进度的效果,显示进度的半透明区域只与根据背景图的非透明区域叠加,背景图的透明区域仍为透明.为实现此要求,联想到APIDemos中的com.example.android.apis.graphics.Xfermodes,可以自定义组件在组件的绘制过程中设置PorterDuff.Mode即可实现.另效果图中显示当下载进度超过50%时,重新设置了背景图. 本次自定义组件选择继承Imag