最近在看视差滚动的原理和实现方法。最简单的是使用css的属性background-attachment: fixed || scroll || local,使用这个便可以实现简单的视差滚动效果,但是想完成一些更加炫酷的效果。就得使用js啦,其中最简单的莫过于使用parallax。js插件。
下面有个使用该插件的html代码(ps:这个代码是从网上扒的,里面的一些js的引用还有图片...
分类:
Web程序 时间:
2015-08-05 10:37:47
阅读次数:
151
我们接着来看剩下的3个难点:
3. 滚动是高亮的柱子的选择以及设置高亮标签
4. 顶端时间的显示
5. 数据刷新功能
先来说高亮标签的设置吧。
这里需要设置关于barplot的几个代理方法:
/**
* @author KaKa, 15-06-24 14:06:57
*
* BarPlot Delegate
...
分类:
其他好文 时间:
2015-08-03 16:57:40
阅读次数:
177
也是最近1个月在项目中不断研究CorePlot实现柱状图的效果。
先来看一下Air Quality的柱状图效果:
经过1个月的研究,现在基本上已经重现了这个柱状图的功能(99%),而且还加上了刷新数据的功能。
计划通过两篇blog来记录下开发中的难点,在后一篇blog中会把所有的源码挂上去。
难点有以下几个:
1. Coreplot自带的滚动机制在我这边做起来有一些卡顿,...
分类:
其他好文 时间:
2015-08-03 11:36:35
阅读次数:
105
案例:第一种:直接用 最终效果可以实现,但是据说用户效果不好(我不知道原因)HTML代码:◎ direction 表示滚动的方向,值可以是left,right,up,down,默认为left ◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alterna.....
分类:
其他好文 时间:
2015-07-31 20:02:55
阅读次数:
191
Velocity.js是一款动画切换的jQuery插件,它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scrol...
分类:
Web程序 时间:
2015-07-30 12:50:12
阅读次数:
165
此项目只实现实现基本功能: 界面的模仿。歌词功能的实现。歌曲在线试听和下载。专辑写真的播放。在线歌词搜索。以及基本的按钮功能。界面没有采用设计器。全部手写规划。这里先放出效果图。这段时间忙,等有空时,将重新架构。一步一步带领新手写出简版酷狗音乐。实现MV等播放。
播放时的单词界面: 实现平滑滚动效果 其中背景写真来源于酷我音乐。。。
可点击进度条快进快退 。。歌词会随之改动...
分类:
其他好文 时间:
2015-07-28 14:38:50
阅读次数:
182
jquery文字垂直滚动代码实例:文字垂直滚动效果在大量网站都有应用,尤其在新闻公告或者新闻列表之类形式的功能结构中出现。代码实例如下:蚂蚁部落 最新播报: 蚂蚁部落欢迎您 每一天太阳都是新的 只有奋斗才会有前途 高手都是从菜鸟走过来的 没...
分类:
Web程序 时间:
2015-07-24 22:16:57
阅读次数:
185
这篇文章专门讲解和 CoordinatorLayout 相关的知识点,这也是Design Support Library中最重要与最难的部分。
概览
CoordinatorLayout 实现了多种Material
Design中提到的滚动效果。目前这个框架提供了几种不用写动画代码就能工作的方法,这些效果包括:
让浮动操作按钮上下滑动,为Snackbar留出空间。
...
分类:
其他好文 时间:
2015-07-23 21:54:47
阅读次数:
150
1>frameset 效果如百Google度无标题文档 --> --> 2>marquee标签 实现滚动效果无标题文档 marquee标签 marquee标签 ...
分类:
Web程序 时间:
2015-07-21 09:08:05
阅读次数:
137