总是能看见很多广告或者网站都是使用整屏滚动的效果,一直看着都心痒痒,想自己也实现一个。最近刚学习到css3的动画效果,所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似,如图
每个section就是一页内容,它的大小充满了屏幕(红色区域),一个container由多个section构成,我们通过改变container的位置,来达到页面切换的效果。container向下走,页面...
分类:
Web程序 时间:
2015-07-02 14:09:57
阅读次数:
275
在android应用开发中,viewPager可以实现很多炫丽的切换功能,如banner无限广告滚动条、新手引导等都用得到,使用频率不言而喻。依赖谷歌提供的辅助代码,viewPager的切换效果还可以更加出彩,实现过程也相当地简单。先在浏览器中输入谷歌提供的网址,链接如:http://developer..
分类:
移动开发 时间:
2015-06-26 13:05:30
阅读次数:
326
Nivoslider插件参数和方法一览表参数/方法描述默认值基本effect图片切换效果。提供了11种效果:'sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft', 'sliceUpDown','sliceUpDownLeft', ...
分类:
其他好文 时间:
2015-06-25 08:54:30
阅读次数:
182
这段时间一直在忙Android的项目,总算抽出点时间休息一下,准备把一些项目用到的Android经验分享一下。在Android开发过程中,经常会碰到Activity之间的切换效果的问题,下面介绍一下如何实现左右滑动的切换效果,首先了解一下Activity切换的实现,从Android2.0开始在Act...
分类:
移动开发 时间:
2015-06-24 12:33:46
阅读次数:
130
《Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果》
实现的组件交互目的很简单,就是要达到类型tab选项卡的导航栏一样,当用户点击了连续并排的若干个TextView其中之一时候,要产生一定的交互效果(背景颜色改变等)。这种实现的方式有不少可选方案,现在通过背景的selectorx.xml实现。
效果如下:
A。初始状态:
B。当用户单...
分类:
移动开发 时间:
2015-06-18 15:25:46
阅读次数:
132
选项卡切换在页面中比较常见,这里是我利用js闭包还有setTimeout定时器实现的一个比较实用的选项卡功能。 1 2 3 4 5 tab选项卡 6 19 48 49 50 51 52 53 ...
分类:
Web程序 时间:
2015-06-17 15:12:41
阅读次数:
132
以tab选项卡效果为例:网页中的选项卡效果如图。在鼠标点击规则标题的时候下面内容就会切换成规则的内容,这就是一个选项卡切换效果了。标题和其内容是一一对应的。在点击的时候就需要得到当前点击的索引号,用jquery的话可以直接通过.index()获取当时元素的索引值,那么用js呢?下面我们来利用js的闭...
分类:
Web程序 时间:
2015-06-12 18:50:55
阅读次数:
257
转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式;之所以应用如此普遍,关键在于网站首屏展示区,是寸土寸斤的黄金区域;标签切换可以让更多内容在同一块地方展...
分类:
其他好文 时间:
2015-06-11 06:57:14
阅读次数:
105
可曾看见过那些在微信上转疯了的H5神作?好生羡慕啊,那么从今天开始,我将从零开始学习制作H5应用,看看那么漂亮的页面是怎么样一步一步形成的。准备在学习制作H5应用之前,必须具备以下基础前提:
HTML,CSS,JS基本编写与制作能力
了解了H5中的各种新特性
有一定的逻辑思维能力,可以将复杂任务通过分析简化为若干原子事件来处理
看得懂汉语,以及教程中出现的前端术语。...
分类:
其他好文 时间:
2015-06-04 17:12:14
阅读次数:
9180
效果体验:http://hovertree.com/texiao/js/3.htm该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页。HTML文件代码:JS实现自适应宽度的Tag切换 - HoverTree标签一标签二自适应宽度的标签第...
分类:
Web程序 时间:
2015-06-03 17:25:43
阅读次数:
110