首页新品推荐的布局效果如下图: 这块布局是使用LinearLayout和GridView去实现,新建recommend_item.xml,代码如下所示: 继续在HomeFragmentAdapter类中去添加推荐的ViewHolder,在onCreateViewHolder()方法中创建Recomm ...
分类:
移动开发 时间:
2017-03-27 00:23:07
阅读次数:
1503
可以先看下效果:鼠标移上去之后图片会展开,移到上面的照片会遮住下面的图片 其实大体的原理是就是,让他们的宽度和长度一样,鼠标移动上之后,鼠标所在的图片拉长,并且将下面的图片遮住,依次这样轮番 具体的逻辑就是先找到这些图片信息,然后给个事件鼠标移上或是移除就改变图片的长度 (1)先建个div放这些图片 ...
分类:
其他好文 时间:
2017-03-14 10:59:11
阅读次数:
170
此处代码为了实现手风琴效果,效果实现为,鼠标移动每一个组件上,背景(并不是真的背景)也会移动到当前组件上,鼠标离开后,再回到起始位置点,若点击,停留在当前位置。此单航是响应式的,设置最小宽度为400px,可根据自己情况调节。效果图如下 html代码如下:关于布局,不多说。唯一注意点是span需要放在 ...
分类:
其他好文 时间:
2017-03-09 13:42:11
阅读次数:
182
功能描述: 鼠标移到每一个图片上,显示当前图片,其余图片变成宽度为原来的6%,同时图片透明度为1,0.5s后显示图片说明。鼠标移除后,每张照片宽度变为16%的宽度。其中图片说明,没有设计样式,有兴趣的可以自己动手。 html代码: 样式: ...
分类:
其他好文 时间:
2017-03-08 22:24:32
阅读次数:
194
一.tabs选项卡: 二.accordion手风琴: 三.经由div标记创建layout布局: 注意:center不是定位得到的,而是通过其他的几个位置计算得到的,如果不写center整个布局就无法初始化出来 ...
分类:
其他好文 时间:
2017-02-21 17:43:08
阅读次数:
176
1.jQuery横向手风琴图片切换动画 之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标 ...
分类:
Web程序 时间:
2017-02-16 11:10:03
阅读次数:
219
关键技术点和原理: 原理就是把 checkbox或 radio 给隐藏掉 ,然后给选框 绑定一个label标签。 然后用label标签作为容器,在里面放一个:before或一个after 用before模拟选框的框,用after来模拟选框的填充 通过 来确定是否选中复选框,如果checked就把af ...
分类:
Web程序 时间:
2017-01-28 21:18:16
阅读次数:
314
使用JS写出 图片的手风琴效果 第一种:浮动版本的手风琴效果,并不推荐,因为会使图片出现抖动的现象 样式则是div中包含ul 第二种:定位版本,相对较稳定 ...
分类:
Web程序 时间:
2017-01-13 01:13:19
阅读次数:
211
实现原理解读 使用两层for循环实现, 第一层有三个功能,分别给第个li: 添加索引 预设位置 添加事件 第二层有两个功能,整理图片位置: 鼠标的li,以及前面那些li的位置 鼠标后面那些li的位置 ...
分类:
Web程序 时间:
2016-12-15 14:30:24
阅读次数:
287
--js $(document).ready(function(){ //Set default open/close settings$('.acc_container').hide(); //Hide/close all containers$('.acc_trigger:first').add ...
分类:
Web程序 时间:
2016-12-09 11:58:27
阅读次数:
215