首页新品推荐的布局效果如下图： 这块布局是使用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
